/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium'), local('Raleway-Medium'),
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-500.woff') format('woff'), /* Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-600.woff') format('woff'), /* Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://www.volkswagen-classic-parts.de/skin/frontend/base/default/fonts/raleway/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/**
 * ElasticSearch stylesheet
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Smile Searchandising Suite to newer
 * versions in the future.
 *
 * @category  Smile
 * @package   Smile_ElasticSearch
 * @author    Aurelien FOUCRET <aurelien.foucret@smile.fr>
 * @copyright 2013 Smile
 * @license   Apache License Version 2.0
 */
 
/* Autocomplete styles */
#search_autocomplete dl { background: #FFF; border: 1px solid #999; overflow: hidden; width: 100%; }
#search_autocomplete dl dt { background: #d12c01; color: #FFF; padding: 3px 10px; font-size: 110%; clear: both; margin: 10px 0 0 0}
#search_autocomplete dl dt:first-of-type { margin: 0}
#search_autocomplete dl dd { background: #FFF; cursor: pointer; padding: 3px 5px; font-size: 110%; text-overflow: ellipsis; white-space: nowrap; width; 100%; clear:both; }
#search_autocomplete dl dd.selected { background: #DDD }
#search_autocomplete dl dd .product-image-box { width: 55px; float: left; padding: 0 5px;}
#search_autocomplete .products-list {margin: 0px 0 10px 0}
#search_autocomplete .products-list .product-shop { float: left; margin: 0px 10px 0px 0px; padding: 0; width: 76%; white-space: normal; }
#search_autocomplete .products-list .product-shop .price-box {font-size: 13px; margin: 0px}
#search_autocomplete .products-list .product-shop .price-box .price {font-size: 13px; margin: 0px}
#search_autocomplete .products-list .product-name {font-size: 12px; font-weight: 500; }
#search_autocomplete .clear {clear: both;}
#search_autocomplete .autocomplete-attributes a {color: #000; display: block; text-decoration: none;}
#search_autocomplete .autocomplete-attributes span.attribute-name {color: #666; text-transform: uppercase; font-weight: bold; display: inline-block; float: right}

/* Price slider styles */
.range-slider { padding: 5px 0 0; }
.range-slider .slider-bkg { margin:10px 0; background-color:#ccc; height:5px; position: relative; background: #BAA; cursor : pointer; }
.range-slider .handle { margin:-6px 0 0; width:10px; height:8px; background-color:#3399cc; cursor:move; position: absolute; }
.range-slider .handle:after { content: "-"; color: transparent; width: 0; height: 0; border-top: 8px solid #3399cc; border-left: 5px solid transparent; position: absolute; margin: 8px 0 0; border-right: 5px solid transparent; }
.range-slider .handle.min { margin-left: -4px; }
.range-slider .handle.max { margin-left: 4px; }
.range-slider .limits-container { margin: 0 0 0; }
.range-slider .validate-button { float: right; }
.range-slider .limits.min { float:left; margin-left: -5px; }
.range-slider .limits.max { float:right; margin-left: 5px; }
.range-slider .clear {clear: both;}
.range-slider .count.empty { line-height: 10px; color: #AA0000; margin: 0; text-align: center; }
.range-slider .count { line-height: 20px; margin: 0 50px 0 0; text-align: left; display: block; }

#narrow-by-list .ratings { display: inline-block; margin: 0; }
#narrow-by-list .ratings .rating-box { margin: 0; }

.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { display: inline-block; }

/* Search facets autocomplete */
.autocomplete-facet-form input[type=text] {font-size: 80%; height: 18px; width: 100%; margin: 3px 0 10px;}
.autocomplete-facet-form form {margin: 0 0 10px 0;}
.autocomplete-facet-form .count.empty { line-height: 10px; color: #AA0000; margin: 0; text-align: center; }
.empty-query-field-link { float: right; margin: 0px -11px -36px 0; padding: 3px; transform: scale(0.6) rotate(45deg); cursor: pointer; height: 30px; width: 30px; } 


.empty-query-field-link div {background: rgb(229,132,115); height: 20px; position: relative; width: 2px; margin: 0 0 0 12px;}
.empty-query-field-link div:after { background: rgb(229,132,115); content: ""; height: 2px; left: -9px; top: 9px; position: absolute; width: 20px; }
.block-layered-nav dl dd .ajax-load-link { font-size: 90%; cursor: pointer; padding: 0px; text-decoration: underline; }
.block-layered-nav dl dd .ajax-load-link-parent {text-align: right; }
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
	/* disable global scrolling when featherlights are visible */
	/*overflow: hidden;*/
}

.featherlight {
	display: none;

	/* dimensions: spanning the background from edge to edge */
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */

	/* position: centering content */
	text-align: center;

	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;

	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(221, 221, 221, 0.5);
}

.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.featherlight .featherlight-content {
	max-width: 55%;

	/* make content container for positioned elements (close button) */
	position: relative;

	/* position: centering vertical and horizontal */
	text-align: left;
	vertical-align: middle;
	display: inline-block;

	/* dimensions: cut off images */
	overflow: auto;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;

	/* dimensions: handling large content */
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;

	/* styling */
	background: #fff;
	cursor: auto;

	/* reset white-space wrapping */
	white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none;
}

.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;

	/* dimensions: 25px x 25px */
	line-height: 25px;
	width: 25px;

	/* styling */
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	background: #fff; /* Set the background in case it overlaps the content */
	background: rgba(255, 255, 255, 0.3);
	color: #000;
	border: none;
	padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.featherlight .featherlight-image {
	/* styling */
	width: 100%;
}


.featherlight-iframe .featherlight-content {
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

.featherlight iframe {
	/* styling */
	border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 0;
		margin-right: 0;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/* hide non featherlight items when printing */
@media print {
	html.with-featherlight > * > :not(.featherlight) {
		display: none;
	}
}

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.startheader .homeCategoryImageNavi {
  padding: 0;
}

.startHeader .bottomSlider {
  width: 100%;
  padding: 0 15px;
  font-size: 0;
  text-align: center;
}

.startHeader .bottomSlider .smallSlide {
  border: 1px solid #000000;
}

.homeCategoryImageNavi .bottomSlider .smallSlider {
  font-size: 13px;
}

ol.bjqs-markers {
  bottom: 15px;
  position: absolute;
}

ol.bjqs-markers li {
  border: 1px solid #cfd7d9;
	background-color:#fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);	
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  display: inline-block;
  line-height: normal;
  margin-right: 11px;
  position: relative;
	width:15%;
}

ol.bjqs-markers li:last-child {
  margin-right: 0;
}

ol.bjqs-markers li img {
  border: solid 4px #fff;
}