body, .footer {
	background-color: #e5e5e5;
}
.main {
	background-color: #f2f2f2;
}
.top-bar,
.anicon > .anicon-search-item::after {
	background-color: var(--primary);
}

/* Navi */
.ddown { padding-right:1em; }
.ddown li {
	break-inside:avoid;
	white-space:nowrap;
}
.main-navbar-collapsable .ddown > a::after {
	position:absolute;
}
.normalmenu .collapse {
	z-index:99;
}

.control-basket .toggle-basket-preview {
	color: #fff;
	background-color: var(--primary);
}

/*.mainmenu .level2 {display:none;}*/
.brand-wrapper { padding-left:0 !important; }
.navbar-brand img {
	min-width: 60px;
	max-height: none;
}
.navbar {
	background-color: #d9d9d9;
}
.navbar .container-max {
	padding: 0 25px;
}
.main-navbar-collapsable {
	padding-top: 1rem;
}
.main-navbar-collapsable .ddown > ul {
	border: 1px solid #d9d9d9;
}

html[lang="de"] .navbar-toggler::before { content: "Menü"; }
html[lang="en"] .navbar-toggler::before,
html[lang="fr"] .navbar-toggler::before { content: "Menu"; }
html[lang="es"] .navbar-toggler::before { content: "Menú"; }


/* Kategorien */
.widget-step-by-step-navigation img[src$="svg"] {
	width:70%;
	height:70%;
	margin:15%;
}
.widget-step-by-step-navigation {
	margin-top:20px;
}
.widget-step-by-step-navigation.years .prop-1-1 {
	padding-bottom:calc(500% / 7)
}
.filter-wrapper .card-columns .card {
	max-height:45vh;
	overflow:auto;
}

/* Produktlisten */
.cars .widget-proportional,
.cars .widget-prop-md-3-2 .widget-proportional {
	padding-bottom:100%;
}
.cars .widget-image-box.widget-image-box-block-caption .widget-inner .widget-caption {
	padding:0 1rem;
	align-self:flex-end;
}
.cars .widget-image-box .widget-inner .widget-caption h2 {
	font-size:1.25rem;
	font-weight: normal;
	text-align: center;
}

.categoriegrid .border {
    border: 0 !important;
}

.filter-toggle {
	color: var(--dark);
}
.custom-select, .list-controls .filter-toggle {
	background-color: #f2f2f2;
}
.list-controls .filter-toggle {
	margin-right: 1rem;
}


/* Startseite */
.widget-image-carousel + .widget-title-bar h1 {
	font-size:1.5rem;
	letter-spacing:0;
}

.widget-image-carousel.widget-primary .carousel-control .fa {
	color:#fff;
}

.widget-image-box.widget-primary .widget-caption {
	color: #fff;
	background-color: var(--primary);
}

.cars .fa.fa-angle-double-right {
	display: none;
}

.cmp-product-thumb .add-to-basket-lg-container {
	border-color: transparent #e5e5e5 transparent transparent;
}
.cmp-product-thumb .thumb-title {
    line-height: 1.25em;
    font-size: 1.125rem;
}

.widget-primary .bg-appearance {
	color: #fff !important;
	background-color: var(--primary) !important;
}

.widget-inner.bg-appearance > h1 {
	font-size: 1.75rem;
}
.widget-item-list-inline-caption > h1 {
	font-size: 1.75rem;
}


/* Inhaltsseiten */
.page-content {
	padding:30px 15px;
}

.cmp-product-thumb .thumb-image {
	border-bottom: 3px solid #f2f2f2;
}

.breadcrumbs, .breadcrumb {
	background-color: #e5e5e5;
	font-size: 1rem;
}

.widget-step-by-step-navigation .nav-text,
.list-controls .list-controls-inner {
	background-color: #fff;
	border-top: solid 3px #f2f2f2;
}

.page-singleitem .tab-pane .property8 ul {
	columns: 2;
}

.basket-preview-content .totals {
	background-color: #f2f2f2;
	border-top: 1px solid #d9d9d9;
}

.single .nav-tabs .nav-link.active,
.single .nav-tabs .nav-link:hover {
	color: #6c757d;
	background: #e5e5e5;
	border: 1px solid #e5e5e5;
}


/* Checkout */
.method-list-item[data-id="10"] .icon {
	background-image: url("https://cdn02.plentymarkets.com/ee5vntdimm3u/frontend/icons/selbstabholer.svg");
}
.method-list-item[data-id="11"] .icon {
	background-image: url("https://cdn02.plentymarkets.com/ee5vntdimm3u/frontend/icons/ups.svg");
}
.method-list-item[data-id="8"] .icon {
	background-image: url("https://cdn02.plentymarkets.com/ee5vntdimm3u/frontend/icons/fedex.svg");
}
.method-list-item[data-id="9"] .icon {
	background-image: url("https://cdn02.plentymarkets.com/ee5vntdimm3u/frontend/icons/dachser.svg");
}
.method-list-item .icon {
	background-size: contain;
	background-repeat: no-repeat;
	height: 56px;
	background-position: center;
}

/* Footer */
.footer {
	max-width: none;
}
.footer > .row {
	max-width: 1200px;
	margin: auto;
}

.shipping.widget-image-box {
    min-height: 0;
}
.shipping.widget-image-box img {
    position: static;
    max-height: 40px;
    transform: none;
}


/* Typo */
.megamenu .level1 > a {
	color:#000 !important;
}
.mainmenu > li > a {
	font-weight: 600;
	font-size: 1.1rem;
}

.widget-legal-information {
	text-align:left !important;
	margin-top:0 !important;
}
.widget-legal-information a {
	display:block;
	padding: 0 !important;
}

.page-wish-list .item-name {
    font-size: 1.25rem;
}

.fa.fa-shopping-cart::before {
	content: "";
}

.single .property20 {
	font-weight: bold;
}

.flush-ul ul {
	padding-left:1em;
}
.widget-text {
	font-size:15px;
}

/* Breakpoints */
@media (max-width:768px) {
	.widget-image-carousel + .widget-title-bar h1 {
		font-size: 3.2vmin;
	}
	.cars > .widget-inner {
		flex-basis:50%;
	}
	.shipping.widget-image-box {
		display: inline-block;
	}
}
@media (max-width:576px) {
	.mobile-hide { display:none; }
}
@media (min-width:576px) and (max-width:992px) {
	.tablet-hide { display:none; }
}
@media (min-width:992px) {
	.widget-step-by-step-navigation .row > div {
		flex-basis: 25%;
	}
}

/* Transkontinental */

.transconti a {
	color:#f67740;
}
.transconti li {
	margin-bottom:1ex;
}
object.imgmap {
	max-width:100%;
	height:auto;
	overflow:hidden;
	padding: 10px 0;
	background-color: #fff;
}

/* Parallax base styles */
.parallax {
	height:100vh;
	overflow-x:hidden;
	overflow-y:auto;
	perspective:1px;
	perspective-origin-x: 100%;
}
.parallax img { max-width:100%; }
.parallax__group, .parallax > div {
	position: relative;
	height: 100vh;
	transform-style: preserve-3d;
}
.parallax__layer, .parallax > div > div {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transform-origin-x: 100%;
}
.parallax__layer--base {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}
.parallax__layer--back {
	-webkit-transform:translateZ(-1px);
	transform:translateZ(-1px) scale(3);
}

/* centre the content in the parallax layers */
.parallax .content, .parallax > div > div > div {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
