/*
Theme Name: Autosoft Theme: Ferruccio
Theme URI: https://www.autosoft.eu
Author: Autosoft - Automotive Internet
Author URI: https://www.autosoft.eu/
Description: Ferruccio theme, ontworpen en ontwikkeld door Autosoft. Dit thema heeft diverse theme options en maakt gebruik van Custom Posttypes voor verschillende weergaves. Dit thema heeft een homepagina met extra grote visual, hierin kan optioneel een slideshow, video, of random afbeelding worden weergegeven en heeft een premium uitstraling. Verschillende page-templates maken het mogelijk om automatisch een pagina te genereren op basis van zijn sub-pagina's en uitgelichte afbeeldingen. Volledige breedte weergave, sidebar links of rechts en ondersteuning voor pagebuilders mogelijk. Volledig geoptimaliseerd voor de Autocommerce occasion integratie. LET OP: diverse thema-functies zijn pakket afhankelijk.
Version: 2.0.9
Text Domain: autosoft
*/

/* main fonts & titles */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bungee&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* = Reset default browser CSS. 
  -------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; 
	border: 0; font-size: 100%;
	box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, div { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }
.hover, :focus { outline: 0; }
.hide { display: none!important; }

/****************************************************
 
  Design: Autosoft BV - www.autosoft.eu
  Code & CSS: Autosoft BV - www.autosoft.eu
  Copyright 2025 Autosoft BV
  
****************************************************/

:root {
	--ASsite:			1380px;		/* website sizing */
	--ASgutter:			10px;		/* gutter sizing */
	--ASgap:			80px;		/* flex gap */
	--ASanimation:		450ms;		/* animation speed */ 
	--ASfastanimation:	250ms;		/* animation faster */
	
	--ASbg: 			#ffffff; 	/* site BG */
	--AScolorbg:		#f4f4f4; 	/* page BG */
	--ASprimarycolor:	#1e244b; 	/* primary color accent */
	--ASsecondarycolor:	#1e82b2; 	/* secondary color accent */
	--AStertiarycolor:	#191919; 	/* third color accent */
	
	--ASfontfamily:		'Roboto', Helvetica, Arial, sans-serif; /* base font family */
	--ASfontsize:		16px;		/* base font size */
	--ASlineheight:		1.5em;		/* base line height */
	--ASfontweight:		400;		/* base font weight */
	--ASfontbold:		500;		/* base font weight */
	--ASfontcolor: 		#191919;	/* main text color */
	--AScolortext: 		#ffffff;	/* text on colored BG */
	
	--AStitlefamily:	'Bebas Neue', Helvetica, Arial, sans-serif; /* base title font family */
	--AStitlesize:		32px;		/* base title size */
	--AStitleheight:	1.5em;		/* base title height */
	--AStitleweight:	400;		/* base title weight */
	--AStitlecolor: 	#5f5f62;	/* main title color */
	--AStitletransform: uppercase;	/* main title transform */
	
	--ASlogofamily:		'Bungee', Helvetica, Arial, sans-serif; /* base title logo font family */
	--ASlogosize:		2.65rem; 	/* base title font family */

	--ASbordercolor:	#ffffff;	/* border color */
}

/* = GLOBALS 
***************************************/

html {
	scroll-behavior: smooth;
}


.clearfix, .clear { 
	clear: both; 
	display: block; 
	width: 0px;
	height: 0px; 
	content: '.'; 
	visibility: hidden;
}

body { 
	background: #f4f4f4;
	background: var(--AScolorbg);
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-family: var(--ASfontfamily);
	font-size: 16px;
	font-size: var(--ASfontsize);
	line-height: 1.5em;
	line-height: var(--ASlineheight);
	font-weight: 400;
	font-weight: var(--ASfontweight);
	color: #191919;
	color: var(--ASfontcolor);
	text-align: left;  
}

.wrapper { 
	width: 100%;
	max-width: 1140px;
	max-width: var(--ASsite);
	margin: 0px auto; 
	min-height: 10px; 
	min-height: var(--ASgutter); 
	padding: 0px 10px;
	padding: 0px var(--ASgutter);
}

.block { display: block; }
.inline-block { display: inline-block; }
.nowhitespace { font-size: 0; }

/* Alignment */
.textaligncenter { text-align: center; }
.textalignleft { text-align: left; }
.textalignright { text-align: right; }

.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-right: calc(var(--ASgutter) * 2);
}

.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-left: calc(var(--ASgutter) * 2);
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%!important;
}

h1, h2, h3, h4, h5, h6 {
	color: #343434;
	color: var(--AStitlecolor);
	padding-top: 1.5rem;
	padding-top: var(--AStitleheight);
	padding-bottom: .76rem;
	font-family: 'Bebas Neue', Helvetica, Arial, sans-serif;
	font-family: var(--AStitlefamily);
	font-weight: 400;
	font-weight: var(--AStitleweight);
	line-height: calc(1.5em * 0.8);
	line-height: calc(var(--ASlineheight) * 0.8);
	text-transform: uppercase;
	text-transform: var(--AStitletransform);
	letter-spacing: -1px;
	letter-spacing: var(--AStitlespacing);
	margin-bottom: 2rem;
}

h1.wp-block-heading, h2.wp-block-heading, 
h3.wp-block-heading, h4.wp-block-heading, 
h5.wp-block-heading, h6.wp-block-heading {
	padding-top: 0;
}

.pretitle,
main#sitecontent section h4,
section#vehicles .wrapper .custom-html-widget span {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	font-family: var(--ASfontfamily); 
	font-size: calc(16px * 1.125);
	font-size: calc(var(--ASfontsize) * 1.125);
	color: #1e244b;
	color: var(--ASprimarycolor);
	font-weight: 500;
	font-weight: var(--ASfontbold);
	text-transform: uppercase;
	display: block;
}

.pretitle::before,
main#sitecontent section h4::before,
section#vehicles .wrapper .custom-html-widget span::before  {
	content: '//';
	margin-right: 5px;
	margin-right: calc(var(--ASgutter) / 2);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	letter-spacing: 1px;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.17rem; }
h4 { font-size: 1rem; }
h5 { font-size: .83rem; }
h6 { font-size: .67rem; }

p, ul, ol, table, blockquote,
form#searchform { 
	margin-bottom: 1.76rem;
	text-shadow: 1px 1px 0px #ffffff;
	text-shadow: 1px 1px 0px var(--ASbg);
}

strong { 
	font-weight: 600; 
}

blockquote {
	width: 96%;
	padding: 10px 20px;
	padding: var(--ASgutter) calc(var(--ASgutter) * 2);
	border-left: 3px solid #1e82b2!important; 
	border-left: 3px solid var(--ASsecondarycolor)!important;
	background: #f4f4f4;
	background: var(--AScolorbg);
}

blockquote p {
	margin-bottom: 0;
}

hr {
	border-collapse: collapse;
	border: 0;
	clear: both;
	display: block;
	border-bottom: 1px solid #1e244b;
	border-bottom: 1px solid var(--ASprimarycolor);
	margin-top: 2rem;
	margin-bottom: 2rem;
	opacity: 0.2;
}

ul, ol {
	margin-left: .76rem;
}

li {
	list-style: none; 
	margin-left: 2rem; 
}

ul li::before {
	content: "\25FC";
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	display: inline-block;
	width: 1.76rem;
	margin-left: -2em;
	font-size: .9rem;
	opacity: 0.4;
}

ol li {
	list-style: none;
	counter-increment: count-me;
}

ol li::before {
	content: counter(count-me) ". ";
	display: block;
	position: relative;
	max-width: 0px;
	max-height: 0px;
	left: -35px;
	color: #666666;
	font-weight: 500;
	font-weight: var(--ASfontbold);
}

a {
	color: #1e244b;
	color: var(--ASprimarycolor);
	text-decoration-color: #1e82b2;
	text-decoration-color: var(--ASsecondarycolor);
}
 
a:hover, a:focus, a:active {
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	text-decoration-color: #1e244b;
	text-decoration-color: var(--ASprimarycolor);
}

.animated, #mainheader #topbar #branding .widget a img,
a, a span.pagelink, img, #menu ul li:hover > ul, ul.ctatabs li,
form.wpcf7-form input, form.wpcf7-form textarea, 
form.wpcf7-form select, form#searchform input {
	-webkit-transition: all 450ms ease-in-out;
	-webkit-transition: all var(--ASanimation) ease-in-out;
	-moz-transition: all 450ms ease-in-out;
	-moz-transition: all var(--ASanimation) ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	-ms-transition: all var(--ASanimation) ease-in-out;
	-o-transition: all 450ms ease-in-out;
	-o-transition: all var(--ASanimation) ease-in-out;
	transition: all 450ms ease-in-out;
	transition: all var(--ASanimation) ease-in-out;
}

.animated.fast,
#menu a, #menu ul ul, #menu li.menu-item-has-children::after,
#sitecontent .gallery .gallery-item .gallery-caption {
	-webkit-transition: all 250ms ease-in-out;
	-webkit-transition: all var(--ASfastanimation) ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-moz-transition: all var(--ASfastanimation) ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-ms-transition: all var(--ASfastanimation) ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-o-transition: all var(--ASfastanimation) ease-in-out;
	transition: all 250ms ease-in-out;
	transition: all var(--ASfastanimation) ease-in-out;
}


/* Shortcodes overrides */
main .su-column { 
	margin-top: 1%; margin-bottom: 1%;
}
main .su-row .su-column:first-child {
	margin-left: 0!important; 
}
main .su-row .su-column:last-child {
	margin-right: 0!important; 
}
main .su-column iframe {
	max-width: 100%;
}
main .su-gmap {
	margin: 1.5em 0 1.5em 0!important;
}


/* = HEADER 
***************************************/
body > header { 
	background: #f4f4f4;
	background: var(--AScolorbg);
}

#mainheader #topbar {
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: #ffffff;
	background: var(--ASbg);
	-webkit-box-shadow: 0 5px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0 5px 20px 0px rgba(0,0,0,0.2);
}

#mainheader #topbar {
	font-size: 0;
	display: flex;
}

/* logo */
#mainheader #topbar #branding {
	padding: 20px;
	padding: calc(var(--ASgutter) * 2);
	padding-right: 60px;
	padding-right: calc(var(--ASgutter) * 6);
}

#mainheader #topbar #branding a {
	background: #ffffff;
	background: var(--ASbg);
	background-position: 10% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 390px;
	max-width: 100%;
	height: 80px;
	display: inline-block;
	text-indent:-9000px;
}

#mainheader #topbar #branding .widget a {
	width: 390px;
	max-width: 100%;
	background: none;
	height: auto;
	display: inline-block;
	text-indent:0px;
	line-height: 0;
}

#mainheader #topbar #branding .widget a img {
	height: 80px!important;
	width: auto;
}


/* menu position */
#mainheader #topbar #menu { 
	border-top: 34px solid #1e244b;
	border-top: 34px solid var(--ASprimarycolor);
}

#mainheader #topbar #menu nav {
	width: auto;
	margin: 0 20px;
	margin: 0 calc(var(--ASgutter) * 2);
	text-align: right;
}

/* graphic element */
#mainheader #topbar #menu::before {
	position: absolute;
	display: block;
	content: '';
	height: 34px;
	top: -34px;
	width: 80px;
	left: -42px;
	background:#1e244b;
	background: var(--ASprimarycolor);
	border-radius: 0 0 0 12px;
	-webkit-transform: skew(45deg, 0);
		-ms-transform: skew(45deg, 0);
			transform: skew(45deg, 0);	
}

/* shrink menu */
#mainheader #topbar.shrink #branding a {
	height: calc(80px / 2 );
}
#mainheader #topbar.shrink #branding .widget a img {
	height: calc(80px / 2 )!important;
	width: auto!important;
}

#mainheader #topbar.shrink #menu {
	border-top: 0px solid #1e244b;
	border-top: 0px solid var(--ASprimarycolor);
}


/* = MENU
  -------------------------------------------------------------- */
.navwrap { 
	width: 100%; 
	position: relative; 
	z-index: 1000;
} 

#header #menu {
	min-height: 30px;
	background: #ffffff;
	background: var(--ASbg);
	-webkit-box-shadow: 0 6px 8px 0 rgba(0,0,0,0.4);
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.4);
	margin-top: -10px;
	margin-top: calc(var(--ASgutter) * -1);
}
  
#header #menu .wrapper { 
	padding-top: 0px; 
	padding-bottom: 1px;
	display: table;
}
  
#menu ul {
	list-style: none;
	margin: 10px 0 0 0;
	margin: var(--ASgutter) 0 0 0;
	padding-left: 0;  
}

#menu li {
	display: inline-block;
	position: relative;
	margin-left: 0;
	padding-left: 0;  
	list-style: none;
	margin-right: calc(10px * 1.5);
	margin-right: calc(var(--ASgutter) * 1.5);
}

#menu li::before { 
	display: none;
}

#menu li li {
	margin-top: 0px;
	margin-right: 0;
	display: block;
}

#menu a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-family: var(--ASfontfamily);
	font-size: 1.1rem;
	line-height: 4rem;
	color: #1e244b;
	color: var(--ASprimarycolor);
	font-weight: 400;
	font-weight: var(--ASfontweight);
}

#menu li.menu-item-has-children a {
	padding-right: 28px; 
}

#menu li.menu-item-has-children::after {
	border: solid #1e82b2;
	border: solid var(--ASsecondarycolor);
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
	position: absolute;
	right: 8px;
	top: 1.6rem;
	content: '';
}

#menu li.menu-item-has-children:hover::after {
	border: solid #1e244b;
	border: solid var(--ASprimarycolor);
	border-width: 0 2px 2px 0;
}

#menu li li.menu-item-has-children a { 
	padding-right: 22px;
}

#menu li li.menu-item-has-children:after {
	display: none;
}

#menu li:hover > a,
#menu a:focus {
	color: #1e82b2;
	color: var(--ASsecondarycolor);
}

#menu ul ul {
	margin: 0;
	position: absolute;
	width: 220px;	
	top: 70px;
	left: 0;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	border-top: 3px solid #1e244b;
	border-top: 3px solid var(--ASprimarycolor);
	padding: 10px 0px;
	padding: var(--ASgutter) 0px;
	background: #f4f4f4;
	background: var(--AScolorbg);
	-webkit-box-shadow: 0 8px 46px 0 rgba(0,0,0,0.10);
	box-shadow: 0 8px 46px 0 rgba(0,0,0,0.10);
}

#menu ul li:last-child ul {
	left: auto;
	right: 0;
}

#menu ul ul li { 
	text-align: left;
}

#menu ul ul ul {
	left: 100%;
	top: 0;
}

#menu ul ul a,
#menu li.menu-item-has-children li a {
	background: #f4f4f4;
	background: var(--AScolorbg);
	color: #1e244b;
	color: var(--ASprimarycolor);
	height: auto;
	line-height: 1.2em;
	padding: 8px 10px;
	padding: calc(var(--ASgutter) * 0.8) var(--ASgutter);
	display: block;
	border-left: 3px solid transparent;
	border-bottom: 1px solid rgba(255,255,255,0.1)!important;
	font-weight: 300;
	font-size: 0.9rem; 
	text-shadow: none;
	text-transform: none;
 }

#menu ul ul :hover > a {
	background: #1e82b2;
	background: var(--ASsecondarycolor);
	color: #ffffff;
	color: var(--AScolortext);
	border-left: 3px solid transparent;
	border-bottom: 1px solid rgba(255,255,255,0.3)!important;
	padding-left: 14px; 
	padding-right: 6px;
}

#menu ul ul li:last-child a { 
	border-bottom: none!important;
}

#menu ul li:hover > ul {
	top: 60px;
	visibility: visible;
	opacity: 1;
}

#menu ul li ul li:hover  > ul  { 
	top: 0; 
	left: 95%;
}

#menu .current-menu-item > a,
#menu .current-menu-ancestor > a,
#menu .current_page_item > a,
#menu .current_page_ancestor > a,
#menu .current-post-parent > a {
	color: #1e82b2;
	color: var(--ASsecondarycolor);
}

#menu ul ul .current-menu-item > a {
	background: #1e244b;
	background: var(--ASsecondarycolor);
	color: #ffffff;
    color: var(--AScolortext);
	border-left: 3px solid transparent;
 }
 
 
 /* hide mobile menu */
#menu-mobile {
	display: none;
}

/* = HERO
  -------------------------------------------------------------- */
#siteheader {
	position: relative;
	z-index: 1;
	top: 0;
	width: 100%;
	height: auto;
	background: url('images/loader.gif') 50% 50% no-repeat;
	background-color: #ffffff;
	background-color: var(--ASbg);
	background-size: 30px 30px;
}

#siteheader #herocontent {
	position: relative;
	z-index: 3;
	top: 0;
	width: 100%;
	min-height: 10px;
	padding: 10% 0;
	background: radial-gradient(at top right,rgba(244,244,244,0),rgba(244,244,244,0.5) 100%);	
}

body.home #siteheader #herocontent {
	min-height: 100vh;
	padding: 8% 0;
}

#siteheader #headervisual {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	overflow: hidden;
}

body.home #siteheader #headervisual {
	height: 100vh;
	position: fixed;
}

#siteheader #headervisual img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

body.home #siteheader #headervisual img {
	min-width: 100%;
	width: auto;
	min-height: 100%;
	height: auto;
}

#siteheader #headervisual.video {
	background: #1e244b;
	background: var(--ASprimarycolor);
}

#siteheader #headervisual.video .wp-custom-header {
	height: 100vh;
	width: 100%;
}

#siteheader #headervisual.video video {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

#siteheader #headervisual.video #wp-custom-header-video-button { 
	display: none;
}

#siteheader #headervisual.video img {
	min-height: 100vh;
}


#siteheader #headervisual.video + #herocontent {
	/*	background-image: url('images/video-overlay-dark.png');	*/
	background-attachment: fixed;	
}


#siteheader #headervisual.slideshow img {
	-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
			transform: translate(0%, 0%);
}

#siteheader #headervisual.slideshow .wonderpluginslider {
	height: 100vh!important;
	background: #1e244b;
	background: var(--ASprimarycolor);
}

#siteheader #headervisual.slideshow div[class^="amazingslider-wrapper-"],
#siteheader #headervisual.slideshow div[class^="amazingslider-slider-"],
#siteheader #headervisual.slideshow div[class^="amazingslider-box-"],
#siteheader #headervisual.slideshow div[class^="amazingslider-swipe-box-"],
#siteheader #headervisual.slideshow div[class^="amazingslider-space-"] { 
	height: auto!important; 
	min-height: 100vh!important;
}
#siteheader #headervisual.slideshow div[class^="amazingslider-img-box-"] {
	height: auto!important; 
	min-height: 100vh!important;
}

#siteheader #headervisual.slideshow div[class^="amazingslider-img-box-"] img {
	object-fit: cover!important;
}

#siteheader #headervisual.slideshow div[class^="amazingslider-nav-"] {
	display: none!important;
}

/* slogan */
#siteheader #herotitle { 
	margin-top: 2rem;
}

body.home #siteheader #herotitle { 
	margin-top: 4rem;
}

#siteheader #herotitle p {
	font-family:'Bebas Neue', Helvetica, Arial, sans-serif;
	font-family:var(--AStitlefamily);
	font-size: 6.15rem;
	line-height: 1em;
	letter-spacing: -0.03em;
	margin-bottom: 0;
	color: #5f5f62;
	color: var(--AStitlecolor);
	width: 40%;
}

/* hero quicklinks */
#siteheader #headerlinks {
	margin-top: 3rem;
}

#siteheader #headerlinks.headerquicklinks ul,
#siteheader #headerlinks.headerquicklinks ul li {
	margin-left: 0;
	padding-left: 0;
}

#siteheader #headerlinks.headerquicklinks ul li::before {
	display: none;
}

#siteheader #headerlinks.headerquicklinks ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-weight: var(--ASfontbold);
	font-size: 1.15rem;
	line-height: 1.8em;
}

#siteheader #headerlinks.headerquicklinks ul li a:hover {
	padding-left: 0.3rem;
}

#siteheader #headerlinks.headerquicklinks ul li a::after {
	position: relative;
	content: '\276F';
	font-size: 0.9rem;
	padding-left: 10px;
	padding-left: var(--ASgutter);
	top: -0.1rem;
	color: #1e82b2;
	color: var(--ASsecondarycolor);
}

/* hero zoeker */
#siteheader #ACzoeker {
	width: 98%;
	margin: 0 auto; 
	margin-top: 5rem;
}

#siteheader #ACzoeker .wrapper {
	background: rgba(255,255,255,0.5);
	border-radius: 20px;
	border-radius: calc(var(--ASgutter) * 2);
	padding: 20px 40px;
	padding: calc(var(--ASgutter) * 2) calc(var(--ASgutter) * 4);
	font-size: 0; 
	display: flex;
	align-items: center;
	z-index:10;
}

#siteheader #ACzoeker .wrapper #zoekerlabel  {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	font-weight: var(--ASfontbold);
	font-size: 1.15rem;
	line-height: 1.8em;
	color: #1e244b;
	color: var(--ASprimarycolor);
}

#siteheader #ACzoeker .wrapper #zoekerlabel p {
	margin-bottom: 0;
	padding-right: 40px;
	padding-right: calc( var(--ASgutter) * 4);
}

#siteheader #ACzoeker #minizoeker { flex-grow: 1; }
#siteheader #ACzoeker #minizoeker h3 { display: none!important; }	
#siteheader #ACzoeker #minizoeker label { display: none!important; }	
#siteheader #ACzoeker #minizoeker { font-size: 0; }

#siteheader #ACzoeker #minizoeker select { 
	-webkit-appearance: none;
		-moz-appearance: none;
			appearance: none;
}

#siteheader #ACzoeker #minizoeker select {
	background-image: url('images/chevron.png');
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 20px 20px
}

#siteheader #ACzoeker #minizoeker select:hover {
	cursor: pointer;
	background-image: url('images/chevron-hover.png');
}

#siteheader #ACzoeker #minizoeker select, 
#siteheader #ACzoeker #minizoeker input[type=button] { 
	vertical-align: middle!important;
	margin-left: 0!important;
	width: 16%!important;
	font-size: 14px!important;
	padding: 12px!important;
	line-height: 22px!important; 
	border: none!important;
	border-left: 1px solid #cccccc!important;
}

#siteheader #ACzoeker #minizoeker select#mzMerk { 
	width: 28%!important; border-radius: 5px 0px 0px 5px!important; 
	border-left: none!important; 
}

#siteheader #ACzoeker #minizoeker select#mzModel { width: 28%!important; } 
#siteheader #ACzoeker #minizoeker input[type=button] { width: 12%!important; }	

#siteheader #ACzoeker #minizoeker input[type=button] {
	cursor: pointer;
	border-radius: 0px 5px 5px 0px!important;
	border-color: #1e244b!important;
	border-color: var(--ASprimarycolor)!important;
	background: #1e244b!important;
	background: var(--ASprimarycolor)!important;
	color: #ffffff;
	color: var(--AScolortext);
	font-size: 20px!important;
	letter-spacing: 1px!important;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif!important;
	font-family: var(--ASfontfamily);
	text-transform: uppercase!important;
	transition: all 300ms ease 0ms;
}

#siteheader #ACzoeker #minizoeker input[type=button]:hover {
	border-color: #1e82b2!important;
	border-color: var(--ASsecondarycolor)!important;
	background: #1e82b2!important;
	background: var(--ASsecondarycolor)!important;
}

#siteheader #ACzoeker #minizoeker p.ac_minizoeker_invalid {
	font-size: 12px;
	text-shadow: 1px 1px 0px #000000;
	border-radius: 5px;
}

/* scrollbutton */
#siteheader #herocontent .scrollbutton {
	background: linear-gradient(to bottom,  rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%); 
	background: -moz-linear-gradient(top,  rgba(244,244,244,0) 0%,var(--AScolorbg) 100%);
	background: -webkit-linear-gradient(top,  rgba(244,244,244,0) 0%,var(--AScolorbg) 100%);
	padding-top: 100px;
	padding-top: calc(var(--ASgutter) * 10);
	padding-bottom: 30px;
	padding-bottom: calc(var(--ASgutter) * 3);
	position: absolute;
	width: 100%;
	bottom: -1px;
}

#siteheader #herocontent .scrollbutton a {
	display: inline-block;
	background: #1e244b;
	background: var(--ASprimarycolor);
	outline: 6px solid rgba(255,255,255,0.75);
	width: 50px;
	height: 50px;
	border-radius: 50px;
	color: #ffffff;
	color: var(--AScolortext);
	font-size: 0;
	text-align: center;
	line-height: 56px;
}

#siteheader #herocontent .scrollbutton a:hover {
	background: #1e82b2;
	background: var(--ASsecondarycolor);
	outline: 20px solid rgba(255,255,255,0);
}

#siteheader #herocontent .scrollbutton a::before,
#siteheader #herocontent .scrollbutton a::after {
	display: inline-block;
	width: 20px;
	height: 5px;
	border-radius: 3px;
	background: #ffffff;
	background: var(--ASbg);
	content: '';
}

#siteheader #herocontent .scrollbutton a::before {
	-webkit-transform: rotate(45deg) translate(3px, -3px);
		-ms-transform: rotate(45deg) translate(3px, -3px);
			transform: rotate(45deg) translate(3px, -3px);
}
#siteheader #herocontent .scrollbutton a:hover::before {
	-webkit-transform: rotate(55deg) translate(3px, -4px);
		-ms-transform: rotate(55deg) translate(3px, -4px);
			transform: rotate(55deg) translate(3px, -4px);
}

#siteheader #herocontent .scrollbutton a::after {
	-webkit-transform: rotate(-45deg) translate(-3px, -3px);
		-ms-transform: rotate(-45deg) translate(-3px, -3px);
			transform: rotate(-45deg) translate(-3px, -3px);
}

#siteheader #herocontent .scrollbutton a:hover::after {
	-webkit-transform: rotate(-55deg) translate(-3px, -4px);
		-ms-transform: rotate(-55deg) translate(-3px, -4px);
			transform: rotate(-55deg) translate(-3px, -4px);
}

body:not(.home) #siteheader #herocontent .scrollbutton a { display: none; }


/* = MAIN CONTENT 
***************************************/

body.home {
	background: #ffffff;
	background: var(--ASbg);
}

main#sitecontent {
	position: relative; 
	z-index: 100;
}

/* buttons */
a.pagelink, a span.pagelink {
	position: relative;
	display: inline-block;
	background: #f4f4f4;
	background: var(--AScolorbg);
	padding: 10px 40px 10px 40px;
	padding: var(--ASgutter) calc(var(--ASgutter) * 4) var(--ASgutter) calc(var(--ASgutter) * 4);
	margin: 70px auto 60px auto;
	margin: calc(var(--ASgutter) * 7) auto calc(var(--ASgutter) * 6) auto;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	font-weight: var(--ASfontbold);
	color: #1e244b;
	color: var(--ASprimarycolor);
	border-right: 50px solid #1e244b;
	border-right: 50px solid var(--ASprimarycolor);
	-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 25px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0) 0px 25px 20px -20px;
}

.colored a.pagelink, .colored a span.pagelink {
	background: #ffffff;
	background: var(--ASbg);
}

a.pagelink:hover, a:hover span.pagelink {
	background: #ffffff;
	background: var(--ASbg);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	border-right: 50px solid #1e82b2;
	border-right: 50px solid var(--ASsecondarycolor);
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 25px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 25px 20px -20px;
}

a.pagelink::before,
a span.pagelink::before,
a.pagelink::after,
a span.pagelink::after {
	display: inline-block;
	width: 15px;
	height: 4px;
	border-radius: 3px;
	background: #ffffff;
	background: var(--ASbg);
	content: '';
	position: absolute;
	right: -32px;
	top: calc(50% - 2px);
}

a.pagelink::after,
a span.pagelink::after {
	top: calc(50% - 3px);
}

a.pagelink::before,
a span.pagelink::before {
	-webkit-transform-origin: center right;
		-ms-transform-origin: center right;
			transform-origin: center right;
	-webkit-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
			transform: rotate(40deg);
}

a.pagelink:hover::before,
a:hover span.pagelink::before {	
	-webkit-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
			transform: rotate(35deg);
}

a.pagelink::after,
a span.pagelink::after {
	-webkit-transform-origin: center right;
		-ms-transform-origin: center right;
			transform-origin: center right;
	-webkit-transform: rotate(-40deg);
		-ms-transform: rotate(-40deg);
			transform: rotate(-40deg);
}

a.pagelink:hover::after,
a:hover span.pagelink::after {	
	-webkit-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
			transform: rotate(-35deg);
}

/* back-button reversed layout */
a.pagelink.back, a span.pagelink.back {
	border-right: none;
	border-left: 50px solid #1e244b;
	border-left: 50px solid var(--ASprimarycolor);
}
a.pagelink.back:hover, a:hover span.pagelink.back {
	border-right: none;
	border-left: 50px solid #1e82b2;
	border-left: 50px solid var(--ASsecondarycolor);
}

a.pagelink.back::before,
a span.pagelink.back::before,
a.pagelink.back::after,
a span.pagelink.back::after {
	left: -32px;
}

a.pagelink.back::before,
a span.pagelink.back::before {
	-webkit-transform-origin: center left;
		-ms-transform-origin: center left;
			transform-origin: center left;
	-webkit-transform: rotate(-40deg);
		-ms-transform: rotate(-40deg);
			transform: rotate(-40deg);
}

a.pagelink.back:hover::before,
a:hover span.pagelink.back::before {	
	-webkit-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
			transform: rotate(-35deg);
}

a.pagelink.back::after,
a span.pagelink.back::after {
	-webkit-transform-origin: center left;
		-ms-transform-origin: center left;
			transform-origin: center left;
	-webkit-transform: rotate(40deg);
		-ms-transform: rotate(40deg);
			transform: rotate(40deg);
}

a.pagelink.back:hover::after,
a:hover span.pagelink.back::after {	
	-webkit-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
			transform: rotate(35deg);
}

/* = Content animation
  -------------------------------------------------------------- */ 
  body #sitecontent section, .kader {
	animation-duration: 0.5s;
	animation-duration: var(--ASanimation);
	animation-name: animate-fade;
	animation-delay: 0.5s;
	animation-delay: var(--ASanimation);
	animation-fill-mode: backwards;
  }

  @keyframes animate-fade {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }

 
/* = Sections
  -------------------------------------------------------------- */ 
section {
	padding: 10px 0px 60px 0px;
	padding: var(--ASgutter)0px calc(var(--ASgutter) * 6) 0px;	
}
  
section header h2 {
	font-family: 'Bungee', Helvetica, Arial, sans-serif;
	font-family: var(--ASlogofamily);
	color:	#5f5f62; 
	color: var(--AStitlecolor);
	font-size: 3rem;
	font-size: var(--ASlogosize);
	font-weight: 500;
	font-weight: var(--ASfontbold);
}

section.colored { 
	background: #f4f4f4;
	background: var(--AScolorbg);
}

/* = Services & Homepage actualiteiten
  -------------------------------------------------------------- */ 
section {
	position: relative;
	z-index: 100;
}

section .kader {
	width: 33.3333333332%;
	flex-basis: 33.3333333332%;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
}

section .kader .kadercontentwrap {
	position: relative;
	z-index: 10;
	height: 100%;
	width: 100%;
}

section .kader .kadercontent {
	width: 100%;
	font-size: 16px;
	font-size: var(--ASfontsize);
	padding: 50px 30px 70px 30px;
	padding: calc(var(--ASgutter) * 5) calc(var(--ASgutter) * 3) calc(var(--ASgutter) * 7) calc(var(--ASgutter) * 3);
	z-index: 10;
	position: relative;
}

section .kader .kaderimage {
	margin: -50px -30px 20px -30px;
	margin: calc(var(--ASgutter) * -5) calc(var(--ASgutter) * -3) calc(var(--ASgutter) * 2) calc(var(--ASgutter) * -3);
	position: relative; 
	height: 0;
	padding-top: 50%;
	overflow: hidden;
	background: url('images/image.png') 50% 50% no-repeat;
	background-size: contain;
}

section .kader .kaderimage:has(img) { 
	background: none;
}

section .kader .kaderimage img {
	width: 101%;
	height: 101%;
	object-fit: cover;
	position: absolute;
	opacity: 1;
	filter: saturate(1);
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

section .kader:hover .kaderimage img {
	width: 105%;
	height: 105%;
	opacity: 0.6;
	filter: saturate(0.5);
}

section .kader h3 {
	padding-top: 10px;
	padding-top: var(--ASgutter);
	padding-bottom: 50px;
	padding-bottom: calc(var(--ASgutter) * 5);
	font-size: 3.75rem;
}

section .kader h3,
section .kader p {
	color: #ffffff;
	color: var(--AScolortext);
	text-shadow: 1px 1px 0px #1e244b;
	text-shadow: 1px 1px 0px var(--ASprimarycolor);
}

section .kader a.kaderbutton {
	display: block;
	text-align: center;
	background: #f4f4f4;
	background: var(--AScolorbg);
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 0px;
	left: 0;
	opacity: 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	font-size: var(--ASfontsize);
	font-weight: 500;
	font-weight: var(--ASfontbold);
	line-height: 3rem;
	color: #ffffff;
	color: var(--AScolortext);
	-webkit-box-shadow: rgba(0, 0, 0, 0) 0px -25px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0) 0px -25px 20px -20px;
}

section .kader:hover a.kaderbutton {
	bottom: calc(-50px + 2px);
	z-index: 2;
	opacity: 1;
	color: #ffffff;
	color: var(--AScolortext);
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 25px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 25px 20px -20px;
}

section .kader:hover a.kaderbutton:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.85) 0px 15px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0.85) 0px 15px 20px -20px;
}

section .kader .kaderbgimage {
	margin: 0;
	position: absolute; 
	z-index:1;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	-webkit-filter: grayscale(100%);	
	filter: grayscale(100%);
	opacity: 0.1;
}

section .kader:hover .kaderbgimage {
	opacity: 0.2;
}

/* color variations */
section .kader:nth-of-type(4n+1) .kadercontentwrap { 
	background: #1e244b;
	background: var(--ASprimarycolor);
}

section .kader:nth-of-type(4n+2) .kadercontentwrap { 
	background: #1e82b2;
	background: var(--ASsecondarycolor);
}

section .kader:nth-of-type(4n+3) .kadercontentwrap { 
	background: #f4f4f4;
	background: var(--AScolorbg);
}

section .kader:nth-of-type(4n+4) .kadercontentwrap { 
	background: #ffffff;
	background: var(--ASbg);
}

section .kader:nth-of-type(4n+3) h3,
section .kader:nth-of-type(4n+3) p,
section .kader:nth-of-type(4n+4) h3,
section .kader:nth-of-type(4n+4) p {
	color: #191919;
	color: var(--ASfontcolor);
	text-shadow: 1px 1px 0px #ffffff;
	text-shadow: 1px 1px 0px var(--ASbg);
}

section .kader:nth-of-type(4n+3) h3,
section .kader:nth-of-type(4n+4) h3 {
	color: #5f5f62;
	color: var(--AStitlecolor);	
}

section .kader:nth-of-type(4n+1):hover a.kaderbutton {
	background: #1e82b2;
	background: var(--ASsecondarycolor);
}

section .kader:nth-of-type(4n+2):hover a.kaderbutton {
	color: #1e244b;
	color: var(--ASprimarycolor);
}

section .kader:nth-of-type(4n+3):hover a.kaderbutton {
	background: #1e244b;
	background: var(--ASprimarycolor);
}

section .kader:nth-of-type(4n+4):hover a.kaderbutton {
	background: #5f5f62;
	background: var(--AStitlecolor);
}

/* Services overrides */
section#services {
	padding-top: 100px;
	padding-top: calc(var(--ASgutter) * 10);
	padding-bottom: 140px;
	padding-bottom: calc(var(--ASgutter) * 14);
}

section#services .wrapper {
	display: flex;
	flex-wrap: wrap;
}

section#services .kader {
	flex-grow: 1;
}

 h3 {
	padding-bottom: 20px;
	padding-bottom: calc(var(--ASgutter) * 2);
}

section.colored .kader:nth-of-type(3) .kadercontentwrap,
section.colored .kader:nth-of-type(2):hover a.kaderbutton { 
	background: #ffffff;
	background: var(--ASbg);
}

/* Blog overrides*/
section#blog .wrapper .wrapper { /* fix for .kaderbutton */
	padding: 0;
	padding-bottom: 40px;
	padding-bottom: calc(var(--ASgutter) * 4);
	z-index:1;
	display: flex;
	flex-wrap: wrap;
}

section#blog .wrapper .kader {
	display: flex;
	flex-grow: 1;
}

section#blog .kader .kadercontent {
	padding: 50px 30px 30px 30px;
	padding: calc(var(--ASgutter) * 5) calc(var(--ASgutter) * 3) calc(var(--ASgutter) * 3) calc(var(--ASgutter) * 3);
}

section#blog .kader h3 {
	padding-bottom: 10px;
	padding-bottom: var(--ASgutter);
	font-size: 2.25rem;
}

/* meta */
section .kader .posted-on {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	font-family: var(--ASfontfamily); 
	font-size: calc(16px * 0.875);
	font-size: calc(var(--ASfontsize) * 0.875);
	color: #ffffff;
	color: var(--AScolortext);
	font-weight: 500;
	font-weight: var(--ASfontbold);
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	display: block;
}

section .kader .posted-on::before {
	content: '//';
	margin-right: 5px;
	margin-right: calc(var(--ASgutter) / 2);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	letter-spacing: 1px;
}

section .kader:nth-of-type(4n+2) .posted-on::before,
section .kader:nth-of-type(4n+3) .posted-on,
section .kader:nth-of-type(4n+4) .posted-on {
	color: #1e244b;
	color: var(--ASprimarycolor);
}
 
/* Auto van de week */
main#sitecontent section#vehicles {
	padding-top: calc(10px * 8);
	padding-top: calc(var(--ASgutter) * 8);
	padding-top: calc(10px * 8);
	padding-top: calc(var(--ASgutter) * 8);
}

section#vehicles .wrapper {
	width: 94%;
	max-width: 94%
}

section#vehicles .wrapper a.pagelink {
	margin: 20px auto 60px auto;
	margin: calc(var(--ASgutter) * 2) auto calc(var(--ASgutter) * 6) auto;
}

/* main homecontent */
main#sitecontent section#introduction {
	padding-top: 40px;
	padding-top: calc(var(--ASgutter) * 4);
}

#introduction .wrapper.flex {
	display: flex;
	gap: 80px;
	gap: var(--ASgap);
	position: relative;
	z-index: 10;
	pointer-events: none;
}

#introduction #introsection {
	padding: 10px;
	padding: var(--ASgutter);
	margin-bottom: 110px;
	margin-bottom: calc(var(--ASgutter) * 11);
	pointer-events: initial;
	flex: 1 0 0;
}

#introduction #introfeatured {
	pointer-events: initial;
	flex: 1 1 0;
}

#introfeatured img {
	border: 2px solid #ffffff;
	border: 2px solid var(--ASbordercolor);
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 20px -20px;
	width: 100%;
	height: auto;
}

#introduction .colored { 
	background: #f4f4f4;
	background: var(--AScolorbg);
	margin-top: -120px;
	margin-top: calc(var(--ASgutter) * -12);
	position: relative;
	z-index: 1;
}


/* = MAIN PAGES 
***************************************/

body.home main#sitecontent {
	background: #ffffff;
	background: var(--ASbg);
}

body:not(.home) main#sitecontent {
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
	background: -moz-linear-gradient(top, var(--AScolorbg) 0%, var(--ASbg) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(top, var(--AScolorbg) 0%,var(--ASbg) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: linear-gradient(to bottom, var(--AScolorbg) 0%,var(--ASbg) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

main#sitecontent section {
	padding-bottom: calc(10px * 12);
	padding-bottom: calc(var(--ASgutter) * 12);
}

main#sitecontent .article img {
	border: 2px solid #ffffff;
	border: 2px solid var(--ASbg);
	background-color: #ffffff;
	background-color: var(--ASbg);
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 20px -20px;
	width: 100%;
	height: auto;
}
main#sitecontent .article figure img {
	width: 100%!important;
	height: auto!important;
}

main#sitecontent .wrapper.flex {
	display: flex;
	flex-flow: row wrap;
	gap: 80px;
	gap: var(--ASgap);
	position: relative;
	z-index: 10;
	pointer-events: none;
}

main#sitecontent .articlesection {
	padding: 0;
	pointer-events: initial;
	flex: 1 0 0;
	order: 1;
	max-width: 100%;
}

main#sitecontent .articlefeatured {
	pointer-events: initial;
	padding-top: 3.5rem;
	padding-bottom: 4rem;
	flex: 0 1 38%;
	order: 2;
}

main#sitecontent section:nth-of-type(1) .articlefeatured {
	flex: 0 1 45%;
}

main#sitecontent section:nth-child(even) .articlesection { 
	order: 2; 
}

main#sitecontent section:nth-child(even) .articlefeatured { 
	order: 1; 
}

main#sitecontent section h2 {
	padding-top: 0;
}

main#sitecontent section h3 {
	padding-top: 0;
}

main#sitecontent section h4 {
	margin-bottom: 0;
}

body:not(.home, .error404) main#sitecontent section:first-child a.pagelink{
	background: #ffffff;
	background: var(--ASbg);
}

  
/* = Blogposts
  ------------------------------------------- */
body.blog section#blog .wrapper.nowhitespace,
body.archive section#blog .wrapper.nowhitespace { 
	margin-top: -60px;
	/*	justify-content: space-evenly;	*/
	/*	gap: 20px;	*/
}

body.blog section#blog .wrapper .kader,
body.archive section#blog .wrapper .kader,
body.search section#blog .wrapper .kader { 
	flex-grow: 1;
	margin-top: 60px;
	/*	flex-basis: calc((100% / 3) - 20px );	*/
	/*	max-width: calc((100% / 3) - 20px );	*/
	flex-basis: calc(100% / 3);
	max-width: calc(100% / 3);
}


/* = Blogposts SINGLE
  ------------------------------------------- */
body.single .pretitle .catdivider { 
	opacity: 0.6;
	padding: 0 10px 0 10px;
	padding: 0 var(--ASgutter) 0 var(--ASgutter);
}

body.single .pretitle .catdivider:last-child { 
	display: none;
}

body.single .entry-metas {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	font-family: var(--ASfontfamily); 
	font-size: calc(16px * 0.875);
	font-size: calc(var(--ASfontsize) * 0.875);
	color: #1e244b;
	color: var(--ASprimarycolor);
	font-weight: 500;
	font-weight: var(--ASfontbold);
	margin-top: 5.5rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	display: block;
}

body.single .entry-metas .entry-meta-data,
body.single .entry-metas .entry-meta-tags {
	padding-bottom: 10px;
	padding-bottom: var(--ASgutter);
}

body.single .entry-metas .entry-meta-data i.fa,
body.single .entry-metas .entry-meta-tags i.fa,
body.single .entry-metas .entry-meta-tags a,
body.single .entry-metas .entry-meta-tags .catdivider {
	padding-right: 10px;
	padding-right: var(--ASgutter);
	text-decoration: none;
}

body.single .entry-metas .entry-meta-tags .catdivider {
	opacity: 0.6
}
body.single .entry-metas .entry-meta-tags .catdivider:last-child { 
	display: none;
}


body.single .entry-metas .entry-meta-data::before,
body.single .entry-metas .entry-meta-tags::before {
	content: '//';
	margin-right: 5px;
	margin-right: calc(var(--ASgutter) / 2);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	letter-spacing: 1px;
}

body.single footer.colored { 
	background: #f4f4f4; /* Old browsers */
	background: var(--AScolorbg); /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
	background: -moz-linear-gradient(top, var(--AScolorbg) 0%, var(--ASbg) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(top, var(--AScolorbg) 0%,var(--ASbg) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: linear-gradient(to bottom, var(--AScolorbg) 0%,var(--ASbg) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin-top: 60px;
	margin-top: calc(var(--ASgutter) * 6);
	margin-bottom: -120px;
	margin-bottom: calc(var(--ASgutter) * -12);
	padding: 70px 0 60px 0;
	padding: calc(var(--ASgutter) * 7) 0 calc(var(--ASgutter) * 6) 0;
	position: relative;
}

body.single footer.colored a span.pagelink {
	text-align: center;
	margin: 0 auto 30px auto;
    margin: 0 auto calc(var(--ASgutter) * 3) auto;
}

body.single footer.colored .nav-links .nav-previous,
body.single footer.singlenav .nav-links .nav-previous {
	float: left;
}

body.single footer.colored .nav-links .nav-next,
body.single footer.singlenav .nav-links .nav-next {
	float: right;
}


/* = SIDEBARS
  ------------------------------------------- */
main#sitecontent #mainsidebar {
	pointer-events: initial;
	padding: 2rem;
	margin-top: 1.5rem;
	flex: 0 1 25%;
	background: #ffffff;
	background: var(--ASbg);
    background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, var(--ASbg) 0%, var(--AScolorbg) 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
    background: -webkit-linear-gradient(top, var(--ASbg) 0%,var(--AScolorbg) 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
    background: linear-gradient(to bottom, var(--ASbg) 0%,var(--AScolorbg) 100%);
}

main#sitecontent #mainsidebar.links {
	order: 0;
}
main#sitecontent #mainsidebar.rechts {
	order: 2;
}

main#sitecontent #mainsidebar .widget {
	margin-bottom: 80px;
	margin-bottom: calc(var(--ASgutter) * 8);
	max-width: calc(300px - 2rem)!important;
}

main#sitecontent #mainsidebar .widget:last-child {
	margin-bottom: 0px;
}

main#sitecontent #mainsidebar img {
	width: calc(100% + 2rem);
	max-width: calc(100% + 2rem);
	margin-left: -1rem;
	margin-right: -1rem;
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 22px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 22px 20px -20px;
}

main#sitecontent #mainsidebar .widget h3.widget-title {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	font-family: var(--ASfontfamily); 
	font-size: calc(16px * 1.125);
	font-size: calc(var(--ASfontsize) * 1.125);
	color: #1e244b;
	color: var(--ASprimarycolor);
	font-weight: 500;
	font-weight: var(--ASfontbold);
	margin-bottom: 1.5rem;
	padding-bottom: 0;
	text-transform: uppercase;
	display: block;
}

main#sitecontent #mainsidebar .widget h3.widget-title::before {
	content: '//';
	margin-right: 5px;
	margin-right: calc(var(--ASgutter) / 2);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	letter-spacing: 1px;
}


/* = TEAM
  ------------------------------------------- */
section#team .wrapper .wrapper { /* fix for .kaderbutton */
	padding: 0;
	padding-bottom: 40px;
	padding-bottom: calc(var(--ASgutter) * 4);
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
}

section#team .wrapper .kader {
	display: flex;
	flex-grow: 1;
	padding: 20px;
	padding: calc(var(--ASgutter) * 2 );
}

section#team .kader .kadercontent {
	padding: 50px 30px 30px 30px;
	padding: calc(var(--ASgutter) * 5) calc(var(--ASgutter) * 3) calc(var(--ASgutter) * 3) calc(var(--ASgutter) * 3);
}

section#team .kader h3 {
	position: absolute;
	z-index: 10;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 20px;
	padding: calc(var(--ASgutter) * 2 );
	padding-top: 50px;
	padding-top: calc(var(--ASgutter) * 5);
	margin-bottom: 0;
	font-size: 2.25rem;
	color: #ffffff;
    color: var(--AScolortext);
    text-shadow: 1px 1px 0px #1e244b;
    text-shadow: 1px 1px 0px var(--ASprimarycolor);
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
}

section#team .wrapper.nowhitespace { 
	  margin-top: -60px;
	  margin-top: calc(var(--ASgutter) * -6);
}
  
section#team .wrapper .kader { 
	  flex-grow: 1;
	  margin-top: 60px;
	  margin-top: calc(var(--ASgutter) * 6);
	  flex-basis: calc(100% / 3);
	  max-width: calc(100% / 3);
	  cursor: default;
  }

section#team .kader .kaderimage {
    padding-top: 135%;
}

section#team .kader .kaderimage img {
	opacity: 0.6;
	filter: saturate(0.5);
}

section#team .kader:hover .kaderimage img {
    opacity: 1;
	filter: saturate(1);
}

section#team .kader .kadercontact {
	text-align: center;
	display: block;
	height: 40px;
	margin-bottom: -20px;
	margin-bottom: calc(var(--ASgutter) * -2);
}

section#team .kader .kadercontact a {
	display: inline-block;
	background: #1e244b;
	background: var(--ASprimarycolor);
	outline: 6px solid rgba(255,255,255,0.75);
	width: 40px;
	height: 40px;
	border-radius: 50px;
	color: #ffffff;
	color: var(--AScolortext);
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	margin: 0px 14px;
	margin: 0px calc(var(--ASgutter) * 1.4);
}

section#team .kader .kadercontact a:hover {
	background: #1e82b2;
	background: var(--ASsecondarycolor);
	outline: 20px solid rgba(255,255,255,0);
}

section#team .kader .kadercontact a.whatsapp {
	background: #53be18;
}

/* = FOOTER 
***************************************/

#sitefooter {
	position: relative; 
	z-index: 99;
	border-top: 3px solid #1e244b;
	border-top: 3px solid var(--ASprimarycolor);
	background: #f4f4f4;
	background: var(--AScolorbg);
	padding: 70px 0px;
	padding: calc(var(--ASgutter) * 7) 0px;
}


#sitefooter .branding,
#sitefooter .contact,
#sitefooter .contact .widget {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

#sitefooter .contact .widget {
	vertical-align: top;
}

#sitefooter .branding,
#sitefooter .contact .widget {
	font-size: 16px;
	font-size: var(--ASfontsize);
}

/* branding & socials */
#sitefooter .branding .logo {
	max-width:90%!important
}

#sitefooter .branding .logo a {
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 390px;
	max-width: 100%;
	height: 80px;
	display: inline-block;
	text-indent:-9000px;
}

#sitefooter .branding .logo .widget a {
	background:none;
	width: 390px;
	max-width: 100%;
	height: auto;
	display: inline-block;
	text-indent:0px;
	line-height: 0;
}

#sitefooter .branding #socials ul {
	margin-left: 0;
	margin-top: 2.65rem;
	margin-top: var(--ASlogosize);
}

#sitefooter .branding #socials ul li {
	display: inline-block;
	margin-left: 0;
	margin-right: 15px;
	margin-right: calc(var(--ASgutter) * 1.5);
}

#sitefooter .branding #socials ul li::before {
	display: none;
}

#sitefooter .branding #socials ul li a {
	color: #191919;
	color: var(--AStertiarycolor);
	opacity: 0.5;
	font-size: calc(32px * 1.1);
	font-size: calc(var(--AStitlesize) * 1.1);
}

#sitefooter .branding #socials ul li a:hover {
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	opacity: 1;
}

#sitefooter .footerlogos { 
	text-align: center;
	margin-top: 30px;
	margin-bottom: -30px;
}

#sitefooter .footerlogos .widget {
	display: inline-block;
	vertical-align: middle;
}
#sitefooter .footerlogos .widget img {
	padding: 5px;
	padding: calc(var(--ASgutter) * 0.5);
}

/* contact widgets */
#sitefooter .contact .widget h3.widget-title {
	font-family: 'Roboto', Helvetica, Arial, sans-serif; 
	font-family: var(--ASfontfamily); 
	font-size: calc(16px * 1.125);
	font-size: calc(var(--ASfontsize) * 1.125);
	color: #1e244b;
	color: var(--ASprimarycolor);
	font-weight: 500;
	font-weight: var(--ASfontbold);
	margin-bottom: 1.5rem;
	padding-bottom: 0;
	text-transform: uppercase;
	display: block;
}

#sitefooter .contact .widget h3.widget-title::before {
	content: '//';
	margin-right: 5px;
	margin-right: calc(var(--ASgutter) / 2);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	letter-spacing: 1px;
}

#sitefooter .contact .widget p em {
	font-weight: 400;
	font-weight: var(--ASfontweight);
}

#sitefooter .contact .widget p a {
	font-weight: 400;
	font-weight: var(--ASfontweight);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
	text-decoration-color: transparent;
}

#sitefooter .contact .widget p a:hover {
	font-weight: 400;
	font-weight: var(--ASfontweight);
	color: #1e244b;
	color: var(--ASprimarycolor);
	text-decoration-color: #1e82b2;
	text-decoration-color: var(--ASsecondarycolor);
}

/* Copyrightbar */
#sitecopy {
	position: relative; 
	z-index: 100;
	background: #1e244b;
	background: var(--ASprimarycolor);
	padding: 30px;
	padding: calc(var(--ASgutter) * 3);
	color: #f4f4f4;
	color: var(--AScolorbg);
	font-size: calc(16px * 0.875);
	font-size: calc(var(--ASfontsize) * 0.875);
}

#sitecopy .copyrights {
	opacity: 0.8;
}

#sitecopy .copyrights a {
	color: #f4f4f4;
	color: var(--AScolorbg);
	text-decoration: none;
}

#sitecopy .copyrights a:hover {
	color: #1e82b2;
	color: var(--ASsecondarycolor);
}
 
#sitecopy .copyrights .spacer {
	display: inline-block;
	height: 16px;
	height: var(--ASfontsize);
	margin: 0 40px;
	margin: 0 calc(var(--ASgutter) * 4);
	font-size: 0;
	color: #1e244b;
	color: var(--ASprimarycolor);
	border-right: 1px solid #1e82b2;
	border-right: 1px solid var(--ASsecondarycolor);
}
 
/* scroll to top */
#scrolltop {
	position: fixed;
	bottom: 100px;
	z-index: 300;
	right: -10px;
}

#scrolltop a.backtotop,
#scrolltop.hidden a.backtotop {
	margin-right: -60px;
}

#scrolltop.show a.backtotop { 
	margin-right: 10px; 
}

#scrolltop a.backtotop {
	display: inline-block;
	background: #191919;
	background: var(--AStertiarycolor);
	outline: 6px solid rgba(255,255,255,0.75);
	width: 40px;
	height: 40px;
	border-radius: 5px 0 0 5px;
	color: #ffffff;
	color: var(--ASbg);
	font-size: 0;
	text-align: center;
	line-height: 38px;
	opacity: 0.5;
}

#scrolltop a.backtotop:hover {
	background: #1e244b;
	background: var(--ASprimarycolor);
	outline: 20px solid rgba(255,255,255,0);
	opacity: 1;
}

#scrolltop a.backtotop::before,
#scrolltop a.backtotop::after {
	display: inline-block;
	width: 12px;
	height: 3px;
	border-radius: 3px;
	background: #ffffff;
	background: var(--ASbg);
	content: '';
}

#scrolltop a.backtotop::before {
	-webkit-transform: rotate(-45deg) translate(1px, 3px);
		-ms-transform: rotate(-45deg) translate(1px, 3px);
			transform: rotate(-45deg) translate(1px, 3px);
}
#scrolltop a.backtotop:hover::before {
	-webkit-transform: rotate(-55deg) translate(1px, 3px);
		-ms-transform: rotate(-55deg) translate(1px, 3px);
			transform: rotate(-55deg) translate(1px, 3px);
}

#scrolltop a.backtotop::after {
	-webkit-transform: rotate(45deg) translate(-1px, 3px);
		-ms-transform: rotate(45deg) translate(-1px, 3px);
			transform: rotate(45deg) translate(-1px, 3px);
}

#scrolltop a.backtotop:hover::after {
	-webkit-transform: rotate(55deg) translate(-1px, 3px);
		-ms-transform: rotate(55deg) translate(-1px, 3px);
			transform: rotate(55deg) translate(-1px, 3px);
}



/* CONTACT TABS
------------------------------------------- */
ul.ctatabs {
	position: fixed;
	margin-left: 0;
	right: 0px;
	top: 50%;
	z-index: 1000;
	-ms-transform: translate(0%, -50%); /* IE 9 */
	-webkit-transform: translate(0%, -50%); /* Safari */
	transform: translate(0%, -50%);
}

ul.ctatabs li:before { display: none; }
ul.ctatabs li {
	list-style: none;
	margin-left: 0;
	padding-left: 0!important;
	margin-bottom: 0!important;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	box-shadow: 0 8px 46px 0 rgb(0 0 0 / 15%);
	-webkit-box-shadow: 0 8px 46px 0 rgb(0 0 0 / 15%);
}

ul.ctatabs li a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9000px;
	background-image: url('images/contactctatabs-gray.jpg')!important;
	background-repeat: no-repeat;
	background-color: #414141;
	border-left: 2px solid #1e82b2;	
	border-left: 2px solid var(--ASsecondarycolor);	
}

ul.ctatabs li a:hover {
	margin-left: -3px;
	border-left: none;
	background-image: url('images/contactctatabs.jpg')!important;
}

ul.ctatabs li.bellentab a { z-index: 9001; background-position: 50% 0; border-color: #e10000; }
ul.ctatabs li.bellentab a:hover { background-color: #e10000; }
ul.ctatabs li.emailtab a { z-index: 9002; background-position: 50% -50px; border-color: #4caae0; }
ul.ctatabs li.emailtab a:hover {  background-color: #4caae0; }
ul.ctatabs li.facebooktab a { z-index: 9003; background-position: 50% -100px; border-color: #3f5898; }
ul.ctatabs li.facebooktab a:hover { background-color: #3f5898; }
ul.ctatabs li.whatsapptab a { z-index: 9004; background-position: 50% -150px; border-color: #53be18; }
ul.ctatabs li.whatsapptab a:hover { background-color: #53be18; }
ul.ctatabs li.instagramtab a { z-index: 9005; background-position: 50% -200px; border-color: #a03697; }
ul.ctatabs li.instagramtab a:hover { background-color: #a03697; }
ul.ctatabs li.twittertab a { z-index: 9006; background-position: 50% -250px; border-color: #ffffff; }
ul.ctatabs li.twittertab a:hover { background-color: #000000; }
ul.ctatabs li.youtubetab a { z-index: 9007; background-position: 50% -300px; border-color: #ff0101; }
ul.ctatabs li.youtubetab a:hover { background-color: #ff0101; }
ul.ctatabs li.linkedintab a { z-index: 9008; background-position: 50% -350px; border-color: #0b66c3; }
ul.ctatabs li.linkedintab a:hover { background-color: #0b66c3; }

ul.ctatabs li.whatsapptab a { 
	z-index: 9010; 
	background-image: url('images/contactctatabs.jpg');
	background-position: 50% -168px;
	background-color: #53be18!important; 
	background-size: cover!important;
	width: 58px; 
	height: 56px; 
	margin-left: -8px; 
	border-left: 2px solid #53be18;
}

@media screen and (max-width: 820px) {
	ul.ctatabs {
		top: 100%;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		font-size: 0;
		-ms-transform: translate(0%, -100%); /* IE 9 */
		-webkit-transform: translate(0%, 100%); /* Safari */
		transform: translate(0%, -100%);
		display: flex;
	}

	ul.ctatabs li {
		display: inline-block;
		text-align: center;
		flex: 1 0;
	}

	ul.ctatabs li a {
		display: block;
		width: 100%;
		height: 50px;
		border-left: none;
	}

	ul.ctatabs li a:hover {
		margin-left: 0px;
	}
 
	ul.ctatabs li.whatsapptab a {
		background: url('images/contactctatabs.jpg') 50% -150px no-repeat #53be18!important;
		background-size: inherit!important;
		width: 100%;
		height: 50px;
		margin-left: 0px;
		border-left: none;
	}	

}

/* = WORDPRESS SPECIFIC FUNCTIONS 
***************************************/
/* 404 */
main#sitecontent section#introduction.intro404 {
	padding-top: calc(10px * 8);
	padding-top: calc(var(--ASgutter) * 8);
}

/* = forms
  ------------------------------------------- */

form.wpcf7-form .links { 
	display: block; 
	float: left; 
	width: 50%;
}

form.wpcf7-form .label,
form.wpcf7-form .wpcf7-form-control-wrap { 
	display: inline-block; 
	vertical-align: middle;
	max-width: 100%;
}

form.wpcf7-form .label {
	min-width: 120px;
    padding-right: 1rem;
	line-height: 2rem;
}

form.wpcf7-form .label.wide {
	min-width: 180px;
}

form.wpcf7-form .wpcf7-form-control-wrap:has(textarea),
form.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-checkbox) {
	width: 100%; 
}

form.wpcf7-form input,
form.wpcf7-form textarea,
form.wpcf7-form select,
form#searchform input {
	border: 1px solid #cccccc;
	background: #f4f4f4;
	background: var(--AScolorbg);
	padding: 10px;
	padding: var(--ASgutter);
	border-radius: 5px;
	color: #191919;
	color: var(--ASfontcolor);
	max-width: 95%;
	font-family: var(--ASfontfamily);
	font-size: 16px;
	font-size: var(--ASfontsize);
}

form.wpcf7-form textarea,
form.wpcf7-form .wpcf7-checkbox { 
	width: 98%; 
	max-width: 98%; 
}

form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus,
form.wpcf7-form select:focus,
form#searchform input#s  {
	border: 1px solid #1e82b2;
	border: 1px solid var(--ASsecondarycolor);
	background: #ffffff;
	background: var(--ASbg);
	color: #191919;
	color: var(--ASfontcolor);
}

form.wpcf7-form ::placeholder { 
	opacity: 0.5; 
	font-style: italic;
}

form.wpcf7-form .clear { 
	height: 1px; 
	margin-bottom: 0px;
}
	
form.wpcf7-form .captcha { 
	width: 120px;
	display: inline-block; 
}

form.wpcf7-form input.wpcf7-captchar { 
	width: 80px; 
	margin-left: 10px; 
	margin-left: var(--ASgutter);
	margin-right: 10px; 
	margin-right: var(--ASgutter);
}

form.wpcf7-form input.wpcf7-submit,
form#searchform input#searchsubmit { 
	width: 100px;  
	margin-left: 15px; 
	margin-left: calc(var(--ASgutter) * 1.5);
	margin-top: -2px; 
	background: #1e82b2;
	background: var(--ASsecondarycolor);
	border: 1px solid #1e244b;
	border: 1px solid var(--ASprimarycolor);
	color: #ffffff;
	color: var(--AScolortext);
}

form.wpcf7-form input.wpcf7-submit:hover,
form#searchform input#searchsubmit:hover {  
	cursor: pointer; 
	background: #1e244b;
	background: var(--ASprimarycolor);
	width: 120px; 
}
	
form#searchform input#searchsubmit,
form#searchform input#searchsubmit:hover {
	background-image: url('images/icon-search.png');
	background-position: 12px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	width: 140px;
}

form#searchform input#searchsubmit:hover {
	width: 160px;
}

form.wpcf7-form img { 
	width: auto!important;
	height: auto!important;
	border: 0px; 
	padding: 0px; 
	display: inline-block;
    vertical-align: middle;
	border-radius: 5px;
}

  
form.wpcf7-form .wpcf7-checkbox {
	max-width: 95%;
	display: block;
	margin: 3px;
	margin-left: 0px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-gap: calc(var(--ASgutter) * 2);
	-moz-column-gap: 20px;
	-moz-column-gap: calc(var(--ASgutter) * 2);
	column-gap: 20px;	
	column-gap: calc(var(--ASgutter) * 2);
}

form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
	width: 100%;
	display: block;
	padding: 3px;
	margin: 0;
	margin-left: 0px;
}

form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label {
	display: inline-block;
    max-width: 85%;
    vertical-align: top;
	padding-left: 0.5rem;
}
  
form.wpcf7-form input[type="checkbox"]:focus,
form.wpcf7-form input[type="radio"]:focus { 
	outline: 1px dotted; 
}

form.wpcf7-form .wpcf7-not-valid-tip {
	pointer-events: none;
	display: inline-block!important; 
	padding-left: 10px!important;
	padding-left: var(--ASgutter)!important;;
	line-height: 26px!important;
	font-size: 14px;
    font-style: italic;
	position: absolute;
	left: 10px;
	left: var(--ASgutter);
	top: 50%;
    -webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
			transform: translate(0%, -50%);
}

form.wpcf7-form input.wpcf7-captchar + .wpcf7-not-valid-tip,
form.wpcf7-form input:focus + .wpcf7-not-valid-tip,
form.wpcf7-form .wpcf7-radio.wpcf7-not-valid + .wpcf7-not-valid-tip,
form.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid + .wpcf7-not-valid-tip {
	display: none!important; 
}

form.wpcf7-form input.wpcf7-not-valid,
form.wpcf7-form textarea.wpcf7-not-valid,
form.wpcf7-form select.wpcf7-not-valid {
	border: 1px solid #cc0000;
	color: rgba(0, 0, 0, 0.15);
	background: #ffffff;
	background: var(--ASbg);
}

form.wpcf7-form input.wpcf7-not-valid:focus,
form.wpcf7-form textarea.wpcf7-not-valid:focus,
form.wpcf7-form select.wpcf7-not-valid:focus {
	border: 1px solid #1e82b2;
	border: 1px solid var(--ASsecondarycolor);
	background: #ffffff;
	background: var(--ASbg);
	color: #191919;
	color: var(--ASfontcolor)
}

form.wpcf7-form .wpcf7-radio.wpcf7-not-valid .wpcf7-list-item-label,
form.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label {
	color: #cc0000;
}

form.wpcf7-form .wpcf7-radio.wpcf7-not-valid input:focus + .wpcf7-list-item-label,
form.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid input:focus + .wpcf7-list-item-label {
	color: initial;
}

/* datepicker */
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,
body .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #1e82b2;
	color: var(--ASsecondarycolor);
	font-weight: 600!important;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body .xdsoft_datetimepicker.xdsoft_dar .xdsoft_calendar td.xdsoft_default,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body .xdsoft_datetimepicker.xdsoft_dar .xdsoft_calendar td.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
body .xdsoft_datetimepicker.xdsoft_dar .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
	background: #1e244b!important;
	background: var(--ASprimarycolor)!important;
	box-shadow: #1e82b2 0 1px 3px 0 inset!important;
	box-shadow: var(--ASsecondarycolor) 0 1px 3px 0 inset!important;
	text-shadow: 1px 1px 0px #1e82b2!important;
	text-shadow: 1px 1px 0px var(--ASsecondarycolor)!important;
	color: #ffffff!important;
	color: var(--ASbg)!important;
}


body .xdsoft_datetimepicker .xdsoft_calendar td:hover, 
body .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, 
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover,
body .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
	background: #1e82b2!important;
	background: var(--ASsecondarycolor)!important;
	box-shadow: #1e244b 0 1px 3px 0 inset!important;
	box-shadow: var(--ASprimarycolor) 0 1px 3px 0 inset!important;
	text-shadow: 1px 1px 0px #1e244b!important;
	text-shadow: 1px 1px 0px var(--ASprimarycolor)!important;
}

/* = fotogallery
  ------------------------------------------- */
.gallery {  
	margin-left: 0px;
	margin-right: 0px; 
	margin-bottom: 1.5em; 
	clear: both; 
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
		-ms-flex-pack: left;
			justify-content: left;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-ms-flex-flow: row wrap;
			flex-flow: row wrap;
		-ms-flex-line-pack: center;
			align-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}

.entry-content .gallery-item {
	-ms-flex-preferred-size: 24%;
		flex-basis: 24%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	font-size: 0;
	line-height: 0;
	padding: 3px;
	max-width: calc(100% - 6px);
	text-align: center;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin: 3px;
	-ms-flex-preferred-size: calc(25% - 6px);
		flex-basis: calc(25% - 6px);
	height: 0;
	padding-bottom: 16%;
}

.entry-content .gallery-icon a img {
	margin: 0px 0px!important;
	height: auto!important;
	min-width: 100%!important;
	position: absolute;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.entry-content .gallery-item:hover img { opacity: 0.75; }

.gallery-columns-1 .gallery-item { -ms-flex-preferred-size: calc(100% - 6px); flex-basis: calc(100% - 6px); padding-bottom: 66%; }
.gallery-columns-2 .gallery-item { -ms-flex-preferred-size: calc(50% - 6px); flex-basis: calc(50% - 6px); padding-bottom: 32%; }
.gallery-columns-3 .gallery-item { -ms-flex-preferred-size: calc(33.333% - 6px); flex-basis: calc(33.333% - 6px); padding-bottom: 21%; }
.gallery-columns-4 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px); flex-basis: calc(25% - 6px); padding-bottom: 16%; }
.gallery-columns-5 .gallery-item { -ms-flex-preferred-size: calc(20% - 6px); flex-basis: calc(20% - 6px); padding-bottom: 12%; }
.gallery-columns-6 .gallery-item { -ms-flex-preferred-size: calc(16.666% - 6px); flex-basis: calc(16.666% - 6px); padding-bottom: 10%; }
.gallery-columns-7 .gallery-item { -ms-flex-preferred-size: calc(14.125% - 6px); flex-basis: calc(14.125% - 6px); padding-bottom: 8.6%; }
.gallery-columns-8 .gallery-item { -ms-flex-preferred-size: calc(12.5% - 6px); flex-basis: calc(12.5% - 6px); padding-bottom: 7.8%; }
.gallery-columns-9 .gallery-item { -ms-flex-preferred-size: calc(11.111% - 6px); flex-basis: calc(11.111% - 6px); padding-bottom: 6.8%; }

@media only screen and (max-width: 820px) {
	.gallery-columns-5 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-6 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-7 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-8 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
	.gallery-columns-9 .gallery-item { -ms-flex-preferred-size: calc(25% - 6px)!important; flex-basis: calc(25% - 6px)!important; padding-bottom: 16%; }
}

@media only screen and (max-width: 480px) {
	.entry-content .gallery-item { 
		-ms-flex-preferred-size: calc(50% - 6px)!important; 
			flex-basis: calc(50% - 6px)!important; 
		-webkit-box-flex: 1!important; 
			-ms-flex-positive: 1!important; 
				flex-grow: 1!important;  
		padding-bottom: 32%; 
	}
}

.gallery br {   
	display: inline;
	content: ' ';
	padding: 0; 
}

.gallery .gallery-caption { 
	display: none; 
}

.gallery .gallery-item .gallery-caption {
	display: block!important;
	box-sizing: border-box;
	width: calc(100% + 6px);
	padding: 5px;
	padding: calc(var(--ASgutter) / 2);
	position: absolute;
	bottom: -20px;
	bottom: calc(var(--ASgutter) * -2);
	left: -3px;
	font-size: 13px;
	line-height: 21px;
	color: #ffffff;
	text-align: center;
	background: rgba(0,0,0,0.5);
	visibility: hidden;
	pointer-events:none;
}

.gallery .gallery-item:hover .gallery-caption {
	visibility: visible;
	bottom: 0px;
}

.gallery-icon a img { 
	margin: 0px 0px!important; 
	height: auto!important;
	min-width: 100%!important;
	position: relative;
}

/* BLOCK GALLERY */
.wp-block-gallery {
    --wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 1.5em ) ) )!important;
    gap: var(--wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 1.5em ) ) )!important;
}

.wp-block-gallery figure.wp-block-image:not(#individual-image) img {
	border: none;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.wp-block-gallery figure.wp-block-image:not(#individual-image) img:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 20px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 20px 20px -20px;
	transform: scale(1.03);
}

/* = Searchform
  ------------------------------------------- */


/* = Klantenvertellen beoordelingen
  ------------------------------------------- */

main#sitecontent .article .beoordelingen {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-family: var(--ASfontfamily)!important;
}

main#sitecontent .article .beoordelingen .beoordeling img {
	width: auto;
	height: auto;
	border: none;
	background: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
}
main#sitecontent .article .beoordelingen .beoordelingTop h2 {
	font-size: 1.5rem;
	color: #1e82b2;
	color: var(--ASsecondarycolor);
} 
main#sitecontent .article .beoordelingen .beoordelingTop h3,
main#sitecontent .article .beoordelingen .beoordelingTop h3 strong {
	font-size: 1.17rem;
	color: #1e82b2;
	color: var(--ASsecondarycolor);
}

main#sitecontent .article .beoordelingen .beoordelingTop table td.gemiddelde,
main#sitecontent .article .beoordelingen .beoordeling .gemiddeldebeoordeling {
	font-family: 'Bebas Neue', Helvetica, Arial, sans-serif;
    font-family: var(--AStitlefamily);
    color: #1e244b!important;
    color: var(--ASprimarycolor)!important;
    font-size: 3rem!important;
    font-size: var(--ASlogosize)!important;
    font-weight: 500;
	font-weight: var(--ASfontbold);
	font-style: normal;
	margin-top: -20px;
	margin-top: calc(var(--ASgutter) * -2);
}

main#sitecontent .article .beoordelingen .beoordeling {
	border: 2px solid #ffffff;
    border: 2px solid var(--ASbg);
	background-color: #1e1e1e;
	background-color: var(--AScolorbg);
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 20px -20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 20px -20px;
	display: inline-block;
    width: 49%;
}

main#sitecontent .article .beoordelingen .beoordeling:nth-child(odd) {
	margin-right: 1%;
	clear: left;
}

main#sitecontent .article .beoordelingen .beoordeling:nth-child(even) {
	margin-left: 1%;
}

main#sitecontent .article .beoordelingen .beoordelingTop {
	width: 100%; 
	background: #1e244b;
	background: var(--ASprimarycolor);
	color: #ffffff;
	color: var(--AScolortext);
}

main#sitecontent .article .beoordelingen .beoordelingTop table {
	text-shadow: none!important;
	-webkit-text-shadow: none!important;
}

main#sitecontent .article .beoordelingen .beoordelingTop table td.gemiddelde {
	color: #ffffff!important;
	color: var(--AScolortext)!important;
}

main#sitecontent .article .beoordelingen li.beoordeling::before {
	display: none;
}

main#sitecontent .article .beoordelingen .beoordeling blockquote {
	width: 96%;
	padding: 10px 20px;
	padding: var(--ASgutter) calc(var(--ASgutter) * 2);
	margin-bottom: 20px;
	margin-bottom: calc(var(--ASgutter) * 2);
	border-left: none!important; 
	background: #ffffff;
	background: var(--ASbcolorg);
	border-bottom: 2px solid #1e82b2;
	border-bottom: 2px solid var(--ASsecondarycolor);
	color: #191919!important;
	color: var(--ASfontcolor)!important;
}

main#sitecontent .article .beoordelingen .beoordeling blockquote::before {
	color: #1e82b2;
	color: var(--ASsecondarycolor);
}

main#sitecontent .article .bronvermelding {
    clear: both;
}

main#sitecontent .article .holder a {
    color: #1e82b2;
	color: var(--ASsecondarycolor);
	background-color: #1e1e1e;
	background-color: var(--AScolorbg);
    border: 1px solid #ffffff;
	border: 1px solid var(--ASbg);
    color: #191919;
	color: var(--ASfontcolor);
}

main#sitecontent .article .holder a.jp-current, 
main#sitecontent .article .holder a:hover {
    background: #1e82b2;
	background: var(--ASsecondarycolor);
    border: 1px solid #1e244b;
	border: 1px solid var(--ASprimarycolor);
    color: #ffffff;
	color: var(--AScolortext);
}

main#sitecontent .article .holder a.jp-disabled,
main#sitecontent .article .holder a.jp-disabled:hover {
    color: #191919;
	color: var(--ASfontcolor);
	background: transparent;
    border: 1px solid transparent;
}

/* = PAGEBUILDERS
***************************************/

body.page-template-page-builder  #siteheader {
	display: none;
}

body.page-template-page-builder main#sitecontent * {
	all: unset;
}


/* = MISC
***************************************/

.cookiefirst-root > span { 
	margin-bottom: 60px; 
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}

.cookiefirst-root > span:hover { 
	margin-bottom: 60px; 
	opacity: 1;
	-webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}


body.privacy-policy .articlesection #cookiefirst-policy-page div { margin-bottom: 3em; }
body.privacy-policy .articlesection h2 { margin-top: 1rem; margin-bottom: 0.5rem; }
body.privacy-policy .articlesection h2.wp-block-heading { margin-top: 3rem; margin-bottom: 0.5rem; }
body.privacy-policy .articlesection h3 { margin-bottom: 0.5rem; padding-bottom: 0; }


/* pagination */
ol.wp-paginate li::before { 
	display: none; 
}

.wp-paginate {
	font-size: 14px;
}

.wp-paginate.wpp-modern-grey a,
.wp-paginate.wpp-modern-grey .current {
	border-radius: 0!important;
}

.wp-paginate .current { 
	background: #1e244b!important;  
	background: var(--ASprimarycolor)!important;  
	color: #ffffff!important;  
	color: var(--AScolortext)!important;  
	opacity: 1!important;
}

/* responsive google map */
.map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	margin-top: 1em;
	margin-bottom: 1.8em;
}

.map-responsive iframe {
	border: 0;
	left: 0;
	top: 0;
	height: 100%!important;
	width: 100%!important;
	position: absolute;
}

/* cookiebar */
.cookie-bar-block #catapult-cookie-bar span { 
	font-size: 14px; 
}

.cookie-bar-block #catapult-cookie-bar h3 {
    margin: 0.5em 0 0;
    line-height: 1em;
    padding-top: 0;
    padding-bottom: 0em;
    font-size: 1.8em;
}

#catapult-cookie-bar a {
	display: inline-block; 
}

#catapult-cookie-bar button#catapultCookie {
	background: #ffffff;
	background: var(--ASbg);
	color: #1e244b;
	color: var(--ASprimarycolor);
	font-size: 13px; 
	font-weight: 500;
}

#catapult-cookie-bar button#catapultCookie:hover,
#catapult-cookie-bar button#catapultCookie:focus {
	background: #f4f4f4;
	background: var(--AScolorbg);
	color: #1e82b2;
	color: var(--ASsecondarycolor);
}

/* Photoswipe lightbox */
.pswp__ui {
	height: 100vh;
}

.pswp__bg {
	background: rgba(0,0,0,0.85)!important;
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

img.pswp__img {  
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 20px -20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 20px -20px;
}


/* = AUTOCOMMERCE SPECIFIC STYLES
***************************************/

/***** ***** ***** AVDWSCROLLLER ***** ***** *****/

/* KLANT AC OVERRIDES */
section#vehicles .wrapper #carslider h2,
section#vehicles .wrapper .AutoCommerceAvdwWidget h3 { 
	/*display: none;*/
	font-family: 'Bungee', Helvetica, Arial, sans-serif;
    font-family: var(--ASlogofamily);
    color: #5f5f62;
    color: var(--AStitlecolor);
    font-size: 3rem;
    font-size: var(--ASlogosize);
    font-weight: 500;
	font-weight: var(--ASfontbold);
}

section#vehicles .wrapper .custom-html-widget span {
	margin-bottom : 0.76em;
}

section#vehicles ul {
	width: 100%;
	margin-bottom: 1.76rem;
}

section#vehicles ul li::before { 
	display: none; 
}


/* = scroller  = */
#scroller { margin: 20px 1%; }


section#vehicles .jcarousel-wrapper {
    position: relative;
	padding: 0;
	width: 90%;
	clear: both;
	text-align: center;
	font-size: 0;
}

/** Carousel **/
section#vehicles .jcarousel {
    position: relative;
    overflow: hidden;
}

section#vehicles .jcarousel ul {
    width: 100%;
    position: relative;
    margin-left: 0px; 
    padding-left: 0px; 
	white-space: nowrap;
}

section#vehicles ul li {         
	margin-left: 0px; 
  	list-style: none; 
  	display: inline-block; 
	vertical-align: middle;
  	width: 1px;
  	width: 24.5%;
  	margin: 0% 0.3%;
		
  	overflow: hidden;
  	padding: 0px;
  	padding-left: 0px;
	
	opacity: 0.7;
	background: #f4f4f4; 
	background: var(--AScolorbg);
	border: 2px solid #ffffff; 
	border: 2px solid var(--ASbg);
	margin-top: 30px;
	margin-top: calc(var(--ASgutter) * 3);
	margin-bottom: 30px;
	margin-bottom: calc(var(--ASgutter) * 3);
}

section#vehicles ul li, 
section#vehicles ul li a { 
	text-decoration: none;
}
		
section#vehicles ul li .avdwfoto {
	background: #f4f4f4; 
	background: var(--AScolorbg);
	position: relative;
	float: none;
	margin: 0;
}

section#vehicles ul li .avdwgegevens {
	display: block; 
	position: relative;
	float: left;
	text-align: left; 
	width: 100%; 
	font-family: var(--ASfontfamily)!important;
	font-size: var(--ASfontsize);
	padding: 0px 10px 5% 10px;
}

section#vehicles ul li .avdwmerkmodel {
	display: block; width: 100%; 
	overflow: hidden;  white-space: nowrap; 
	text-overflow: ellipsis; font-size: 18px;
}
			 
section#vehicles ul li .avdwmerkmodel strong {
	color: #1e244b!important; 
	color: var(--ASprimarycolor)!important;
	font-size: 18px;
	font-size: calc(var(--ASfontsize) * 1.125);
	text-transform: uppercase;
}

section#vehicles ul li .avdwuitvoering em { 
	font-style: normal;
	color: #191919; 
	color: var(--ASfontcolor);
	font-size: 15px!important;
	font-size: calc(var(--ASfontsize) * 0.9)!important;
}

section#vehicles ul li hr,
section#vehicles ul li .avdwuitvoering {
	border-bottom: 2px solid #f4f4f4;
	border-bottom: 2px solid var(--AScolorbg);
	margin-top: 1em;
	margin-bottom: 1em;
	opacity: 1;
}

section#vehicles ul li .avdwuitvoering {
  		 display: block; 
  		 max-width: 100%; 
  		 white-space: normal; 
  		 overflow: hidden;
  		 text-overflow: ellipsis;
  		 padding: 0px 4px;
		 font-size: 14px;
		 color: #333333;
		}

section#vehicles ul li .avdwuitvoering em {
  		 font-size: 0.9em; 
  		 line-height: 1.8em; 
  		 font-style: normal;
  		}

section#vehicles ul li .avdwuitvoering {
	margin-top: 0;
	padding-bottom: 1em;
}

section#vehicles ul li .avdwbouwjaar,
section#vehicles ul li .avdwbrandstof,
section#vehicles ul li .avdwkmstand	{
  	display: inline-block;
	width: 30%;
	padding: 0px 1%;
	margin-top: -10px;
	margin-top: calc(var(--ASgutter) * -1);
	margin-left: 4px;
	margin-left: calc(var(--ASgutter) * 0.4);
	margin-bottom: -6px;
	margin-bottom: calc(var(--ASgutter) * -0.6);
	margin-right: 4px;
	margin-right: calc(var(--ASgutter) * 0.4);
	overflow: hidden;
	opacity: 0;
	color: #f4f4f4; 
	color: var(--AScolorbg);
	font-size: 12px;
	font-size: calc(var(--ASfontsize) * 0.75);
}

section#vehicles ul li .avdwprijs { 
	color: #1e244b; 
	color: var(--ASprimarycolor);
	font-size: 18px;
	font-size: calc(var(--ASfontsize) * 1.125);
	text-transform: uppercase;
	margin-top: -10px;
	margin-top: calc(var(--ASgutter) * -1);
}

section#vehicles ul li .avdwprijs em {
	font-style: normal;
}

/* hovers */
section#vehicles ul li:hover { 
	box-shadow: 0px 0 10px rgba(0,0,0,0.2); 
	opacity: 1;
	margin-top: 10px;
	margin-top: var(--ASgutter);
	margin-bottom: 10px;
	margin-bottom: var(--ASgutter);
}

section#vehicles ul li:hover hr,
section#vehicles ul li:hover .avdwuitvoering {
	border-bottom: 2px solid #1e82b2;
	border-bottom: 2px solid var(--ASsecondarycolor);
	margin-bottom: 0;
	opacity: 1;
}

section#vehicles ul li:hover .avdwbouwjaar, 
section#vehicles ul li:hover .avdwbrandstof,
section#vehicles ul li:hover .avdwkmstand {
	padding: 4px 1%;
	margin-top: 10px;
	margin-top: var(--ASgutter);
	margin-bottom: 12px;
	margin-bottom: calc(var(--ASgutter) * 1.2);
	opacity: 1;
	color: #1e244b; 
	color: var(--ASprimarycolor);
}

section#vehicles ul li,
section#vehicles ul li .avdwfoto, 
section#vehicles ul li hr,
section#vehicles ul li .avdwuitvoering, 
section#vehicles ul li .avdwbouwjaar,
section#vehicles ul li .avdwbrandstof,
section#vehicles ul li .avdwkmstand { 
	-webkit-transition: all 250ms ease-in-out;
	-webkit-transition: all var(--ASfastanimation) ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-moz-transition: all var(--ASfastanimation) ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-ms-transition: all var(--ASfastanimation) ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-o-transition: all var(--ASfastanimation) ease-in-out;
	transition: all 250ms ease-in-out;
	transition: all var(--ASfastanimation) ease-in-out;
}

section#vehicles a.jcarousel-control-prev:hover:before, 
section#vehicles a.jcarousel-control-next:hover:before {
	color: #1e82b2!important;
	color: var(--ASsecondarycolor)!important;
}


/* avdw fixes - Pro and lower */
section#vehicles ul#autovandeweek li {
	background: #ffffff; 
	background: var(--ASbg);
	width: 24%;
	max-width: 24%;
}

section#vehicles ul#autovandeweek li .avdwfoto {
	background: #ffffff; 
	background: var(--ASbg);
}
section#vehicles ul#autovandeweek li hr,
section#vehicles ul#autovandeweek li .avdwuitvoering {
	border-bottom: 2px solid #ffffff;
	border-bottom: 2px solid var(--ASbg);
}
section#vehicles ul#autovandeweek li:hover hr,
section#vehicles ul#autovandeweek li:hover .avdwuitvoering {
	border-bottom: 2px solid #1e82b2;
	border-bottom: 2px solid var(--ASsecondarycolor);
}

section#vehicles ul#autovandeweek li .avdwbouwjaar, 
section#vehicles ul#autovandeweek li .avdwkmstand {
	width: auto;
}

section#vehicles ul#autovandeweek li .avdwprijs em .prijslabel {
	display: none;
}



/* responsive */
@media only screen and (min-width:768px) and (max-width:820px) {
	section#vehicles ul li { width: 33.5%; }
	a.jcarousel-control-prev { margin-left: -60px; }

	section#vehicles ul#autovandeweek li { width: 48%;	max-width: 48%; }
}


@media only screen and (max-width:480px) {
	a.jcarousel-control-prev { margin-left: -32px; }
	a.jcarousel-control-next { margin-right: -34px; }
	
	section#vehicles .jcarousel-wrapper { width: 100%; }
	section#vehicles ul li { width: 83%!important; margin-left: 10%; margin-right: 10%; margin-top: 0; margin-bottom: 0; opacity: 1;}


	section#vehicles ul li .avdwuitvoering { white-space: nowrap; }
	
	section#vehicles ul li .avdwbouwjaar,
	section#vehicles ul li .avdwbrandstof,
	section#vehicles ul li .avdwkmstand	{ display: none; }
	
	section#vehicles ul li .avdwprijs strong { padding: 0 0;  font-size: 1.2em!important;}
	section#vehicles ul li .avdwprijs { margin-top: 0; margin-bottom: 0; }
	
	section#vehicles ul li:hover { 
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	section#vehicles ul li:hover .avdwuitvoering {
		margin-bottom: 16px;
		border-bottom: 0;
	}
	
	/* avdw fixes - Pro and lower */	
	section#vehicles ul#autovandeweek li { width: 90%;	max-width: 90%; margin-left: auto; margin-right: auto; }
	
	section#vehicles ul#autovandeweek li:hover {
		margin-top: 0px;
	}
	
	section#vehicles ul#autovandeweek li hr,
	section#vehicles ul#autovandeweek li:hover hr,
	section#vehicles ul#autovandeweek li .avdwuitvoering,
	section#vehicles ul#autovandeweek li:hover .avdwuitvoering {
		border-bottom: none;
		margin-bottom: 0;
	}
	section#vehicles ul#autovandeweek li .avdwbouwjaar, 
	section#vehicles ul#autovandeweek li .avdwkmstand { display: none!important; }
}


/* avdw fixes - Business and lower */

#mainsidebar ul#autovandeweek li {
	background: transparent;
	width: 100%;
	max-width: 100%;
	display: none;
}

#mainsidebar ul#autovandeweek li:first-child {
	display: inline-block;
}

#mainsidebar ul#autovandeweek li img {
    width: calc(100% + 2rem)!important;
    max-width: calc(100% + 2rem)!important;
    margin-left: -1rem!important;
    margin-right: -1rem!important;
}

#mainsidebar ul#autovandeweek li:before {
	display: none;
}

/* = MEDIA QUERIES 
***************************************/

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {
		
}

/* bigger Desktops - smaller than 1500 */
@media only screen and (max-width:1499px) {

	:root {
		--ASsite:			1260px!important;		/* website sizing */
	}
	#mainheader #topbar #branding a,
	#mainheader #topbar #branding .widget a { width: 300px; }
	#mainheader #topbar #branding .widget a img { width: auto!important; height: 60px!important; }
	
	#siteheader #herocontent { padding: 12% 0; }
	body.home #siteheader #herocontent { padding: 12% 0; }

	#mainheader #topbar #menu nav { margin-left: 0; }
	#menu a { font-size: 1rem; }

	main#sitecontent #mainsidebar { flex: 0 1 28%; }
	
}

/* big Desktops - smaller than 1280 */
@media only screen and (max-width:1299px) {

	:root {
		--ASsite:			1180px!important;		/* website sizing */
	}
}

/* big Desktops - smaller than 1200 */
@media only screen and (max-width:1199px) {

	:root {
		--ASsite:			980px!important;		/* website sizing */
	}

	#siteheader #herotitle p { width: 50%; }

	#siteheader #ACzoeker #minizoeker select, 
	#siteheader #ACzoeker #minizoeker select#mzMerk,
	#siteheader #ACzoeker #minizoeker select#mzModel,
	#siteheader #ACzoeker #minizoeker input[type=button] { 
		width: 20%!important;
	}

	form.wpcf7-form .wpcf7-form-control-wrap:has(textarea),
	form.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-checkbox) { width: 98%; }

}

/* small Desktops - smaller than 992 */
@media only screen and (max-width:991px) {

	:root {
		--ASsite:			92%!important;		/* website sizing */
		--ASgap:			20px!important;		/* flex gap */
	}

	#mainheader #topbar.shrink #branding a {
		background-position: 0% 50%;
	}
	
	/*#siteheader #headervisual { height: 50vh; }*/
	#siteheader #herotitle p { 
		width: 100%; 
		font-size: 5rem; 
		margin-top: 5rem; 
		margin-bottom: 3rem; 
	}

	#siteheader #headerlinks.headerquicklinks ul { margin-left: 3rem; }
	
	#siteheader #ACzoeker { margin-bottom: 3rem; }
	#siteheader #ACzoeker .wrapper { display: block; }

	#siteheader #herocontent .scrollbutton { 
		padding-bottom: 80px; 
		padding-bottom: calc(var(--ASgutter) * 8); 
	}

	section#services {
		padding-bottom: 40px;
		padding-bottom: calc(var(--ASgutter) * 4);
	}

	section .kader,
	section#team .wrapper .kader {
		width: 50%;
		flex-basis: 50%;
		margin-bottom: 5rem;
	}
	section .kader:last-child,
	section#team .wrapper .kader:last-child { 
		width: 100%; 
		flex-basis: 100%; 
	}

	section#introduction .colored { text-align:  center;}
	section#blog a.pagelink { margin-top: 0; margin-bottom: 0; }

	main#sitecontent .articlefeatured,
	#introduction #introfeatured {
		flex: 0 1 30%;		
	}


	body.blog section#blog .wrapper.nowhitespace, 
	body.archive section#blog .wrapper.nowhitespace,
	section#team .wrapper.nowhitespace {
		margin-top: 0px;
	}

	body.blog section#blog .wrapper .kader,
	body.archive section#blog .wrapper .kader,
	section#team .wrapper .kader { 
		margin-top: 0;
		/*	flex-basis: calc((100% / 2) - 20px );	*/
		/*	max-width: calc((100% / 2) - 20px );	*/
		flex-basis: calc(100% / 2);
		max-width: calc(100% / 2);
	}

	main#sitecontent #mainsidebar { flex: 0 1 100%; }
	main#sitecontent #mainsidebar .widget { max-width: 100%!important; }
	main#sitecontent #mainsidebar.links { order: 2; }

	main#sitecontent #mainsidebar aside,
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget { 
		width: 50%; 
		display: inline-block;
		vertical-align: top;
	}

	main#sitecontent #mainsidebar aside:nth-child(odd),
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget:nth-child(odd) { padding-right: 1.5em; }
	main#sitecontent #mainsidebar aside:nth-child(even),
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget:nth-child(even) { padding-left: 1.5em; }

	main#sitecontent #mainsidebar img,
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget img {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#sitefooter { text-align: center; }
	#sitefooter .branding,
	#sitefooter .contact {
		width: 90%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	#sitefooter .branding .logo a {
		background-position: 50% 50%;
	}

	#sitefooter .contact .widget {
		width: 50%;
		text-align: left;
		padding-left: 10%;
	}

}

/* big tablets - smaller than 820 */
@media only screen and (max-width:820px) {
		
	#sitecopy { padding-bottom: 74px; }
	
	#siteheader #ACzoeker .wrapper {
		padding: 10px 20px;
		padding: var(--ASgutter) calc(var(--ASgutter) * 2);
		max-width: 96%!important;
	}
	
	#siteheader #ACzoeker .wrapper #zoekerlabel.textalignleft { text-align: center; }
	#siteheader #ACzoeker .wrapper #zoekerlabel p { padding-right: 0px; }

	form.wpcf7-form input, form.wpcf7-form textarea,
	form.wpcf7-form select, form#searchform input {
		max-width: 85%;
	}
	
	form.wpcf7-form textarea,
	form.wpcf7-form .wpcf7-checkbox { width: 85%; max-width: 85%; }
	
	main#sitecontent .article .beoordelingen .beoordeling,
	main#sitecontent .article .beoordelingen .beoordeling:nth-child(odd),
	main#sitecontent .article .beoordelingen .beoordeling:nth-child(even) { 
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	form.wpcf7-form input.wpcf7-submit, form#searchform input#searchsubmit {
		margin-left: 0;
	}

}

/* most Tablets - smaller than 768 */
@media only screen and (max-width:767px) {

	:root {
		--ASsite:			96%!important;		/* website sizing */
	}

	#siteheader #ACzoeker #minizoeker select, 
	#siteheader #ACzoeker #minizoeker select#mzMerk,
	#siteheader #ACzoeker #minizoeker select#mzModel { 
		width: 25%!important;
	}
	#siteheader #ACzoeker #minizoeker select#mzTransmissie { 
		border-radius: 0px 5px 5px 0px!important;
	}
	
	#siteheader #ACzoeker #minizoeker input[type=button] { 
		width: 100%!important;
		border-radius: 5px 5px 5px 5px!important;
		border-left: none;
		margin-top: 0.3em;
	}

	#siteheader #herocontent .scrollbutton { 
		padding-bottom: 20px; 
		padding-bottom: calc(var(--ASgutter) * 2); 
	}

	section .kader { 
		width: 100%; 
		flex-basis: 100%;
		max-width: 100%;
		/*	max-width: calc(100% - 20px );	*/
	}

	body.blog section#blog .wrapper .kader,
	body.archive section#blog .wrapper .kader,
	section#team .wrapper .kader { 
		flex-basis: calc(100% - 20px );
		max-width: calc(100% - 20px );
	}

	#sitecopy .copyrights .spacer:nth-of-type(2) {
		display: block;
		height: 0px;
		border-right: none;
	}

}

/* small Tablets - smaller than 650 */
@media only screen and (max-width:649px) {
	
	#siteheader #ACzoeker #minizoeker select, 
	#siteheader #ACzoeker #minizoeker select#mzMerk,
	#siteheader #ACzoeker #minizoeker select#mzModel { 
		width: 50%!important;
	}
	
	#siteheader #ACzoeker #minizoeker select#mzMerk,
	#siteheader #ACzoeker #minizoeker select#mzBrandstof { 
		border-radius: 5px 0px 0px 5px!important;
		border-left: none!important;
	}
	#siteheader #ACzoeker #minizoeker select#mzModel,
	#siteheader #ACzoeker #minizoeker select#mzTransmissie { 
		border-radius: 0px 5px 5px 0px!important;
	}

	form.wpcf7-form .links { float: none; width: 98%; }
	form.wpcf7-form .wpcf7-form-control-wrap:has(textarea),
	form.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-checkbox) { width: 100%; }

	main#sitecontent #mainsidebar aside,
	main#sitecontent #mainsidebar aside:nth-child(odd),
	main#sitecontent #mainsidebar aside:nth-child(even),
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget:nth-child(odd),
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget:nth-child(even),
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget { 
		width: 100%; 
		display: block;
		padding-left:0;
		padding-right: 0;
	}

	main#sitecontent #mainsidebar img,
	main#sitecontent #mainsidebar .AutoCommerceAvdwWidget img {
		width: calc(100% + 2rem);
		max-width: calc(100% + 2rem);
		margin-left: -1rem;
		margin-right: -1rem;
	}

}

/* smaller devices & phones - smaller than 480 */
@media only screen and (max-width:479px) {

	:root {
		--ASsite:			98%!important;		/* website sizing */
		--ASgap:			0px!important;		/* flex gap */
		--ASlogosize:		2rem!important;
	}
	
	#mainheader #topbar #branding,
	#mainheader #topbar #branding .widget { max-width: 100%; }
	#mainheader #topbar #branding a { max-width: 280px;	}	
	#mainheader #topbar #branding .widget a img { width: auto!important; height: 56px!important; }	
	
	#siteheader #herotitle p { font-size: 4rem; margin-top: 8rem; margin-bottom: 3rem; text-align: center; }

	#siteheader #headerlinks { margin-top: 2rem;}

	#siteheader #ACzoeker { margin-top: 3rem; margin-bottom: 5rem; }
	#siteheader #ACzoeker .wrapper { 
		padding: 20px 20px; 
		padding: calc(var(--ASgutter) * 2) calc(var(--ASgutter) * 2); 
	}

	main#sitecontent #mainsidebar .widget { width: 100%!important; max-width: calc(100vw - 6rem)!important; }
	
	main#sitecontent section {
		padding-bottom: calc(10px * 6);
		padding-bottom: calc(var(--ASgutter) * 6);
	}

	main#sitecontent .articlesection,
	main#sitecontent section:nth-of-type(1) .articlesection,
	#introduction #introsection {
		flex: 1 0 100%;
		order: 2;
	}
	
	main#sitecontent .articlefeatured,
	main#sitecontent section:nth-of-type(1) .articlefeatured,
	#introduction #introfeatured {
		padding-top: .5rem;
		padding-bottom: 2rem;
		flex: 1 0 100%;
		order: 1;
	}
	
	#introduction #introsection {
    	margin-bottom: 0;
		order: 1;
	}
	#introduction #introfeatured {
		order: 2;
	}
	#introduction .colored {
    	margin-top: 10px;
	}

	section#vehicles ul li { margin-right: 10px; margin-right: var(--ASgutter); }

	#carslider {  width: 90%; margin-left: auto;  margin-right: auto; 	}

	body:not(.home) section { text-align: center; }
	body:not(.home) section .postcontent :not(.pagelink) { text-align: left; }

	body.blog section#blog .wrapper .kader,
	body.archive section#blog .wrapper .kader,
	section#team .wrapper .kader { 
		text-align: left; 
		margin: 0 auto;
	}

	section#team .wrapper .kader {
		padding: 40px 0px;
		padding: calc(var(--ASgutter) * 4 ) 0px;
	}

	body.single footer.colored .nav-links .nav-previous,	
	body.single footer.colored .nav-links .nav-next,
	body.single footer.singlenav .nav-links .nav-previous,	
	body.single footer.singlenav .nav-links .nav-next {
		float: none;
		width: 100%;
	}

	body.single footer.colored .nav-links span,
	body.single footer.singlenav .nav-links span {
		width: 80%;
		margin: 10px auto 10px auto;
   		margin: var(--ASgutter) auto var(--ASgutter) auto;
	}

	#sitefooter .branding,
	#sitefooter .contact {
		width: 80%; 
	}

	#sitefooter .contact .widget {
		width: 80%!important;
		text-align: center;
		padding-left: 0%;
	}

	#sitecopy .copyrights .spacer:nth-of-type(1) {
		display: block;
		height: 0px;
		border-right: none;
	}
	#sitecopy .copyrights .spacer:nth-of-type(2) {
		height: initial;
	}

}




/*************************************** MOBILE MENU ***************************************/

@media only screen and (max-width:1024px) {
	
	/* hide desktop menu */
	#menu { display: none; }

	body:has(> #menu-mobile #menuToggle input:checked) {
		overflow: hidden;
	}

	/* show mobule menu */
	#menu-mobile {
		display: inline-block;
		position: fixed;
		width: 100%;
		top: 10px; 
		z-index: 9999;
	}

	/* hamburger toggle */
	#menu-mobile #menuToggle {
		z-index: 1;
		display: block;
		position: absolute;
		top: calc(10px * 2.5);
		top: calc(var(--ASgutter) * 2.5);
		right: calc(10px * 2);
		right: calc(var(--ASgutter) * 2);
		width: calc(10px * 3.5);
		width: calc(var(--ASgutter) * 3.5);
		-webkit-user-select: none;
		user-select: none;		
	}

	/* push the menu off-canvas */
	#menu-mobile .mobilemenu {
		left: calc(10px * 5.5); /* toggle width + right margin */
		left: calc(var(--ASgutter) * 5.5); /* toggle width + right margin */
	}

	#menu-mobile.repositioned #menuToggle {
		top: 10px;
		top: var(--ASgutter);
	}

	#menu-mobile #menuToggle input {
		display: block;
		width: 28px;
		height: 30px;
		position: relative;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 2; /* and place it over the hamburger */
		-webkit-touch-callout: none;
	}

	/* hamburger styling */
	#menu-mobile #menuToggle span {
		z-index: 10;
		position: absolute;
		left: 50%;
		display: block;
		pointer-events: none;
		width: 100%;
		height: 4px;
		margin-top: -2px;
		background: #1e82b2;
		background: var(--ASsecondarycolor);
		border-radius: 3px;
		transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
		transition: all 0.5s cubic-bezier(0.4, 0.2, 0.2, 1.4);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate (-50%, 0%);
			transform: translate(-50%, 0%);
	}

	#menu-mobile #menuToggle span:nth-of-type(1) {
		top: 15%;
	}

	#menu-mobile #menuToggle span:nth-of-type(2) {
		top: 50%;
	}

	#menu-mobile #menuToggle span:nth-of-type(3) {
		top: 84%;
	}

	#menu-mobile #menuToggle input:checked ~ span:nth-of-type(1),
	#menu-mobile #menuToggle input:checked ~ span:nth-of-type(3) {
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		background: #1e244b;
		background: var(--ASprimarycolor);
		left: 6%;
		top: 50%;
	}
	
	#menu-mobile #menuToggle input:checked ~ span:nth-of-type(3) {
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}
		
	#menu-mobile #menuToggle input:checked ~ span:nth-of-type(2) {
		opacity: 0;
		left: 100%;
		width: 15px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	/* the menu itself */
	#menu-mobile .mobilemenu {
		position: absolute;
		width: 100vw;
		height: 100vh;
		margin: 0;
		margin-top: 36px;
		padding: 10px 20px;
		padding: var(--ASgutter) calc(var(--ASgutter)* 2);
		background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
		-webkit-backdrop-filter: blur(25px);
		-moz-backdrop-filter: blur(25px);
		backdrop-filter: blur(25px);
		border-top: 4px solid #1e82b2;
		border-top: 4px solid var(--ASsecondarycolor);
		-webkit-font-smoothing: antialiased;
		opacity: 0;
		transform-origin: 0% 0%;
		transform: translate(0, 0);
		transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
		overflow-x: scroll;
	}

	/* push up on scroll */
	#menu-mobile.repositioned .mobilemenu {
		margin-top: 24px;
	}

	/* slide in from the left */
	#menu-mobile #menuToggle input:checked ~ ul {
		opacity: 1;
		transform: translate(-100%, 0);
	}

	/* style the links */
	#menu-mobile li {
		margin-left: 0;
	}

	#menu-mobile li::before {
		display: none;
	}
	
	#menu-mobile li a {
		font-family: 'Roboto', Helvetica, Arial, sans-serif;
		font-family: var(--ASfontfamily);
		font-weight: 500;
		font-weight: var(--ASfontbold);
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 10px 20px;
		padding: var(--ASgutter) calc(var(--ASgutter) * 2);
		font-size: 1.4rem;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		color: #ffffff;
		color: var(--AScolortext);
		text-shadow: 1px 1px 0px #000000;
		border-radius: 5px;
		margin: 4px auto;
	}
	#menu-mobile li:last-child a {
		border-bottom: none;
	}

	#menu-mobile li a:hover {
		background: rgba(0,0,0,0.4);
		background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
		padding: 10px 30px;
		padding: var(--ASgutter) calc(var(--ASgutter) * 3);
	}
	
	#menu-mobile ul.sub-menu li a {
		padding: 4px 0px 4px 30px;
		padding: calc(var(--ASgutter) * 0.4) 0 calc(var(--ASgutter) * 0.4) calc(var(--ASgutter) * 3);
		font-size: 1rem;
		height: initial;
		opacity: 1;
		font-weight: 400;
		font-weight: var(--ASfontweight);
		text-transform: none;
	}

	#menu-mobile .sub-menu li a:hover {
		padding: 4px 0px 4px 40px;
		padding: calc(var(--ASgutter) * 0.4) 0 calc(var(--ASgutter) * 0.4) calc(var(--ASgutter) * 4);
	}

	/* show submenu */
	/* dont follow link when has sub */
	#menu-mobile .menu-item-has-children a:focus {
		pointer-events: none;
		-webkit-touch-callout: none;
	}

	/* make sub do follow links */
	#menu-mobile .sub-menu a:focus {
		pointer-events: initial!important;
	}

	/* sub styling */
	#menu-mobile .sub-menu {
		opacity: 0;
		max-height: 0;
		width: 96%;
		margin: 0 auto;
		margin-bottom: 0;
		padding: 0 0;
		overflow: hidden;
		border-top: 0px solid transparent;
		border-radius: 5px;
		transition: all 0.5s ease-in-out;
	}

	/* show sub when parent is clicked / focussed */
	#menu-mobile .menu-item-has-children a:focus + ul.sub-menu {
		opacity: 1;
		max-height: 100vh;
		padding: 0;
		margin: 4px auto;
		margin: calc(var(--ASgutter) * 0.4) auto;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}

	 /* mobile touch device hover fix */
	@media (hover: none) {
		#menu-mobile .menu-item-has-children a:hover + ul.sub-menu {
			opacity: 1;
			max-height: 100vh;
			padding: 0;
			margin: 4px auto;
			margin: calc(var(--ASgutter) * 0.4) auto;
			border-top: 2px solid transparent;
			border-bottom: 2px solid transparent;
		}
	}
	
}


/* ADMIN FIXES */
body.admin-bar header, body.admin-bar #menu-mobile { padding-top: 32px !important; }
body.admin-bar #wpadminbar { position: fixed; }
  
@media screen and (max-width: 782px) {
	body.admin-bar header, body.admin-bar #menu-mobile { padding-top: 46px !important; }
	body.admin-bar #wpadminbar { position: fixed; }
}


/****************************************************
 
  Design: Autosoft BV - www.autosoft.eu
  Code & CSS: Autosoft BV - www.autosoft.eu
  Copyright 2023 Autosoft BV
  
****************************************************/

/* = AUTOCOMMERCE SPECIFIC OVERRIDES
***************************************/

:root {
    --ACfontfamily: var(--ASfontfamily);
    --ACfontsize: var(--ASfontsize);
    --AClineheight: var(--ASlineheight);
    --ACfontweight: var(--ASfontweight);
    --ACbgwrapper: var(--AScolorbg);
    --ACbgcolor: #eeeeee;
    --ACbgcolorl: #fafafa;
    --ACoverlay: var(--ASbg);
    --ACshade: #cccccc;
    --ACshade2: #999999;
    --ACmaincolor: var(--ASprimarycolor);
    --ACbordercolor: #aaaaaa;
    --ACtextcolor: var(--ASfontcolor);
    --ACcolortext: var(--AScolortext);
    --AClighttext: #aaaaaa;
    --ACgutter: calc(var(--ASgutter) * 2);
    --ACimgpadding: 75%;
}

main#sitecontent .article #asac-container img {
	border: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: auto;
	height: auto;
}

main#sitecontent .article #asac-container ol li::before {
 display: none;
}

main#sitecontent #asac-container section {
	padding-bottom: 0 ;
}

#asac-container #ACvehicle ul.ACVDPtabnav li::before {
    display: none;
}

#asac-container #ACvehicle .ACVDPaside ul li::before {
    display: none;
}

#asac-container #ACvehicle .ACVDPcta label.ACctalink[for=ACVDPformreservering] { 
	display: none!important; 
}


@media screen and (min-width: 1201px) {
	#asac-container .asac-wrap {
    	max-width: var(--ASsite);
	}
}


/* ACCESSIBILITY */
#scrolltop a.backtotop {opacity: 0.6; background: black;}
.onetap-container-toggle { padding: 0!important; }
.onetap-container * { text-shadow: none!important; }


/****************************************************
 
  Design: Autosoft BV - www.autosoft.eu
  Code & CSS: Autosoft BV - www.autosoft.eu
  Copyright 2025 Autosoft BV
  
****************************************************/