/*** FONTS ***/
/* saira-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/saira-v21-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* saira-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Saira";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/saira-v21-latin_latin-ext-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  font-family: "Saira", "Roboto Condensed", Helvetica, Arial, sans-serif;
}

/*** TOP HEADER ***/
.top-header .navbar-default {
  background-color: #FFF !important;
}
.top-header .navbar-default .navbar-nav > li > a {
  color: #000;
}
.top-header .navbar-default .navbar-nav > li > a:hover {
  color: #000;
}

/*** HEADER ***/
header .logo_header {
  background: transparent url(../images/logo_2.png) no-repeat scroll left center;
}
header .jsTopSearchTextAlternative {
  border: 5px solid #d9d9d9;
}
header #search_warengruppe {
  border: 5px solid #d9d9d9;
  border-left: none;
  border-right: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0.5em;
}
header .btn.jsTopSearchButtonAlternative {
  border: 5px solid #d9d9d9;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
header #customer-configurations-search-filter {
  border: 5px solid #d9d9d9;
}
header #search-customer-configurations {
  border: 5px solid #d9d9d9;
  border-left: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
header #vehicle-history .vehicle_history_search .btn {
  border: 5px solid #d9d9d9;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*** MAIN MENU ***/
.main-menu .navbar-default .navbar-nav > li > a:hover, .main-menu .navbar-default .navbar-nav > li > a:active, .main-menu .navbar-default .navbar-nav > li > a:focus {
  background-color: #000;
}

/*** HEADINGS ***/
h1 {
  text-transform: uppercase;
}

h1, h2, h3 {
  font-weight: 300;
}

/*** BUTTONS ***/
.btn {
  text-transform: uppercase;
}
.btn.btn-icon-only {
  cursor: pointer !important;
}
.btn.btn-icon-only [class*=icon-], .btn.btn-icon-only .fa {
  line-height: 1;
  position: initial;
}

.btn-primary {
  background-color: #79B93A;
  border-color: #79B93A;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
  background-color: rgb(95, 159, 32);
  border-color: rgb(95, 159, 32);
}

a, .btn-link {
  color: #79B93A;
}
a:hover, .btn-link:hover {
  color: rgb(95, 159, 32);
}

/*** LOGIN ***/
[data-site*=login] {
  background-image: url("../images/login_bg.jpg");
  background-position: center center;
}

/*** CAR SELECTION ***/
[data-section*=carselection] .tabs li {
  width: 100%;
}
[data-section*=carselection] .tabs li a {
  justify-content: center;
  width: 100%;
}
[data-section*=carselection] #pkw_suche_kba > [class*=col-xs-],
[data-section*=carselection] .jsPKWSelection .jsPKWSelectionMainBox,
[data-section*=carselection] #pkw_suche_ivi > [class*=col-xs-] {
  min-height: 490px;
}

/*** 3D MONTAGEBUEHNE ***/
.bg_3d {
  background: url("../images/bg_3D_1.jpg") repeat-x scroll center 0 transparent;
}

.dummy3dbuehne {
  cursor: url("../../../../images/3dCursor.cur"), w-resize;
}
.dummy3dbuehne .jsMountingStageRotate {
  background: transparent url("../images/rotate360.png") no-repeat scroll center center;
}
.dummy3dbuehne .ajaxloader {
  background: url("../images/ajax-loader2.gif") no-repeat scroll 0 0 transparent;
}
.dummy3dbuehne .left {
  cursor: url("../../../../images/3dCursor_left.cur"), w-resize;
}
.dummy3dbuehne .right {
  cursor: url("../../../../images/3dCursor_right.cur"), w-resize;
}

@media screen and (max-width: 768px) {
  .mountingstage-3d .filter-wrapper.slide-in {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    padding: 15px;
    overflow-y: auto;
  }
}
.mountingstage-3d .filter-wrapper .filter-table {
  margin-top: 15px;
}
.mountingstage-3d .filter-wrapper .filter-table tr {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box {
  width: 100%;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box .jsFilterSlideToggle {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  color: #212121;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px 8px 15px;
  line-height: 1.2;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box[data-filter-box*=favorites] .jsFilterSlideToggle {
  justify-content: flex-start;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box .filter-box-wrapper {
  display: block;
  left: auto;
  position: unset;
  width: auto;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  margin-top: -1px;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 10px;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box .filter-box-wrapper .btn-filter-reset {
  padding: 5px;
  margin-bottom: 5px;
  margin-top: -5px;
  display: block;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box .filter-box-wrapper .filter-box-content {
  margin-top: 0;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box .filter-box-wrapper .filter-box-content .form-horizontal [class*=col-] {
  width: 100%;
}
.mountingstage-3d .filter-wrapper .filter-table tr .filter-box .filter-box-wrapper .filter-box-content .form-horizontal [class*=col-].mt-5 {
  margin-top: 15px;
}

.jsMountingStageDetailView .tire-sizes .tire-sizes-list {
  margin-top: 10px;
  margin-right: -8px;
  margin-left: -8px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
}
.jsMountingStageDetailView .tire-sizes .tire-sizes-list li:first-of-type {
  padding-top: 10px;
}
.jsMountingStageDetailView .tire-sizes .tire-sizes-list li:first-of-type hr.slim {
  display: none;
}

/*** BANNERSLIDER ***/
.bannerslider_background {
  background: url("../images/ajax-loader2.gif") no-repeat scroll center center #f3f3f3;
}

/*** BACKGROUNDS ***/
.bg-tyres {
  background: url(../images/bg_tyres.jpg) no-repeat center top transparent;
  background-size: cover;
}

/*** LANGUAGE CHANGER ***/
[data-element=topheader-language-changer] .flag.language-selector-de {
  background-position: -79px -156px;
}

/*** PRICES ***/
.articles .article-thumbnails .article-price h6 {
  margin-top: 6px;
}
.articles .article-thumbnails .article-price .price {
  font-size: 1.35em;
}

.rim-info .form-horizontal label {
  padding-top: 0.3em;
}
.rim-info .form-horizontal h3.price {
  font-size: 1.35em;
  position: relative;
  top: 0.25em;
}

/*** THUMBNAIL VIEW ***/
.articles-list .articles .article-thumbnails {
  grid-template-rows: auto auto auto 1fr;
}

/*** PRICES TPMS POPUP ***/
.equal-row {
  display: flex;
  align-items: stretch;
}

.equal-row .col-xs-6 {
  display: flex;
  align-items: center;
}