/****************************************
 * variables@sachs
 ****************************************/
/** Break Points **/
/*1009;*/
/*767;*/
/*479;*/
/** Colors **/
/* fade(@GLOBAL_COLOR_BLUE1, percentage(@OPACITY_FACTOR)) */
/** Fonts **/
/** GRID **/
/** Z-index for nav **/
/****************************************
 * mixins@sachs
 ****************************************/
/* hidden mixins */
/* PARAMETRIC MIXINS */
/*** MAINNAVIGATION ***/
.mainNav {
  margin-top: 0;
}
.menuDesktop ul {
  position: absolute;
}
.menuDesktop .firstLevel {
  background: #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  width: 20%;
  position: relative;
}
.menuDesktop .firstLevel:first-child {
  border-left: 1px solid #cccccc;
}
.menuDesktop .firstLevel:last-child {
  border-right: 1px solid #cccccc;
}
.menuDesktop .firstLevel:hover {
  background-color: #e3e3e4;
}
.menuDesktop .firstLevel.current {
  background-color: #c5c5c6;
}
.menuDesktop .firstLevel.active {
  background-color: #e3e3e4;
}
.menuDesktop .firstLevel.active .secondLevel {
  opacity: 1;
  transition: all 0.8s ease 0s;
  visibility: visible;
}
.menuDesktop .firstLevel > a {
  padding-top: 27px;
  padding-bottom: 5px;
  color: #000000;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
}
.menuDesktop .firstLevel > a:hover,
.menuDesktop .firstLevel > a:focus {
  background-color: #5b93c1;
  color: #ffffff;
}
.menuDesktop .firstLevel > a:hover .secondLevel,
.menuDesktop .firstLevel > a:focus .secondLevel {
  opacity: 1;
  transition: all 0.8s ease 0s;
  visibility: visible;
}
.menuDesktop .secondLevel {
  background-color: #e3e3e4;
  border: 1px solid #999999;
  border-top: none;
  margin-left: -1px;
  margin-top: 1px;
  opacity: 0;
  visibility: hidden;
  width: 100%;
}
.menuDesktop .secondLevel li {
  background-color: #e3e3e4;
  border: none;
  border-bottom: 1px solid #999999;
  display: block;
  position: relative;
}
.menuDesktop .secondLevel li.last {
  border-bottom: none;
}
.menuDesktop .secondLevel li > a {
  color: #000000;
  margin: 0;
  padding-left: 20px;
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  font-size: 0.9em;
}
.menuDesktop .secondLevel li:hover > a,
.menuDesktop .secondLevel li a:hover,
.menuDesktop .secondLevel li a:focus,
.menuDesktop .secondLevel li.current > a {
  background: #5b93c1;
  color: white;
}
/*** LOCALNAV***/
.breadcrumb .thirdLevel a:hover,
.breadcrumb .thirdLevel a:focus {
  background-color: #c5c5c6;
  /* xx */
  color: #000000;
  text-decoration: none;
}
.breadcrumb .currentSite.open:after {
  background-position: -1280px 50%;
}
.stage.img {
  min-height: 300px;
}
.stage.img > div {
  width: inherit;
}
.appPage .stage.img {
  min-height: 280px;
}
.socialmedia + footer.x12 {
  margin-top: 0;
}
/****************************************
 * styles@sachs
 ****************************************/
body {
  background: #eef2f5;
}
h2,
h3 {
  font-family: Arial, Helvetica, sans-serif;
}
.link,
.linkSolo,
.linklist .link {
  color: #005ca9;
}
.linkSolo:before,
.linklist .link:before,
.linkGet:before,
.linkGet .linkSolo:before,
.linklist .linkGet:before {
  background-image: url("/global/media/global/global_img/global_brands_img/ico_sprite_sachs.png");
}
/*** HEADER ***/
.brands header.main {
  background: #005ca9;
  padding-bottom: 2.3em;
}
.brands header.main .contentblock {
  background: #005ca9;
}
.brands header.main .contentblock .logodesktop {
  margin-top: 26px;
}
.brands header.main .contentblock .siteLabel {
  color: #ffffff;
  margin-top: 66px;
}
.brands header.main .contentblock .siteLabel h1 {
  font-weight: normal;
}
.brands header aside.navSearchContainer .metaNav {
  text-align: left;
}
.brands header aside.navSearchContainer .metaNav ul {
  margin: 0 0 10px;
  padding: 0;
}
.brands header aside.navSearchContainer .metaNav ul li a {
  color: #ffffff;
}
.brands header aside.navSearchContainer .formSearch .inputSearch {
  border: none;
}
.brands header aside.navSearchContainer .btnSearch {
  background-image: url("/global/media/global/global_img/global_brands_img/ico_sprite_sachs.png");
  height: 23px;
  right: 5px;
  top: 2px;
}
.lt-ie10 .brands header {
  padding-bottom: 1.8em;
}
.lt-ie10 .brands header .contentblock .siteLabel {
  margin-top: 68px;
}
.formInput .inputBrochure-title {
  color: #005ca9;
}
/*** LOCALNAV OVERRIDES ***/
.breadcrumb .currentSite:after {
  background-image: url("/global/media/global/global_img/global_brands_img/ico_sprite_sachs.png");
}
/*** beautify hyphenation ***/
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  word-wrap: break-word;
  hyphens: auto;
}
.beige {
  color: #005ca9;
}
.black {
  color: #000000;
}
.white {
  color: #ffffff;
}
/*** CONTENTSECTION ***/
.contentblock .header h2 {
  color: #005ca9;
  font-weight: normal;
  text-transform: inherit;
}
.contentblock .header h2 .subHeadline {
  color: #000000;
}
/*** STAGE ***/
.stage h1 {
  line-height: 1.3em;
  text-transform: none;
  font-weight: normal;
  font-size: 36px;
}
.stage h1 .subHeadline.brandBaseColor {
  color: #005ca9;
}
.home .stage {
  margin-top: 3.33334%;
}
.home .stage h1 {
  margin: 0;
  line-height: 1em;
  font-size: 38px;
}
.home .stage h1 .subHeadline.brandBaseColor {
  color: #005ca9;
}
/*** SLIDER ****/
.tabSwipe .pagination {
  background-image: none;
  bottom: 11px;
}
.tabSwipe .pagination .swiperPaginationSwitch a {
  background: #c5c5c6;
}
.tabSwipe .pagination .swiperPaginationSwitch:hover a {
  background: #005ca9;
}
.tabSwipe .pagination .swiperPaginationSwitch:before {
  border: none;
}
.tabSwipe .pagination .swiperPaginationSwitch:after {
  border: none;
}
.tabSwipe .pagination .swiperPaginationSwitch.swiperActiveSwitch a,
.tabSwipe .pagination .swiperPaginationSwitch.swiperActiveSwitch:hover a {
  background-color: #005ca9;
}
.tabSwipe .swiperDirectionNav li a {
  background-color: #005ca9;
  opacity: 0.65;
}
.tabSwipe .swiperDirectionNav li a:hover {
  opacity: 1;
}
.tabSwipe .swiperDirectionNav li a:after {
  background-position: -800px 50%;
}
.tabSwipe .tabSlide .halfTransparentBox .top {
  padding-bottom: 42px;
  background: #ffffff;
}
.tabSwipe .tabSlide .halfTransparentBox .top h2 {
  color: #000000;
  font-size: 1.3rem;
  margin: 0 0 4px;
  font-family: Arial, Helvetica, sans-serif;
}
.tabSwipe .tabSlide .halfTransparentBox .top h3 {
  color: #000000;
  font-size: 1.2rem;
}
.tabSwipe .tabSlide .halfTransparentBox .bottom {
  background: #005ca9;
  padding-top: 8px;
  padding-bottom: 8px;
}
.tabSwipe .tabSlide .halfTransparentBox .bottom a {
  display: block;
}
.tabSwipe .tabSlide .halfTransparentBox .bottom a:before {
  height: 100%;
  right: 0;
}
.tabSwipe .tabSlide.left > div > .halfTransparentBox,
.tabSwipe .tabSlide.right > div > .halfTransparentBox {
  width: 410px;
  top: 160px;
}
/*** TEASER ***/
.crbTeaser .slides h3 {
  display: block;
  height: auto;
}
.crbTeaser .slides p {
  background: #005ca9;
  opacity: 0.8;
}
.crbTeaser .pagination {
  background-image: none;
}
.crbTeaser .pagination .swiperPaginationSwitch a {
  background: #c5c5c6;
}
.crbTeaser .pagination .swiperPaginationSwitch:hover a {
  background: #005ca9;
}
.crbTeaser .pagination .swiperPaginationSwitch:before {
  border: none;
}
.crbTeaser .pagination .swiperPaginationSwitch:after {
  border: none;
}
.crbTeaser .pagination .swiperPaginationSwitch.swiperActiveSwitch a {
  background-color: #005ca9;
}
.crbTeaser .pagination .swiperVisibleSwitch a,
.crbTeaser .pagination .swiperActiveSwitch a {
  background-color: #005ca9;
}
.crbTeaser .swiperSlide {
  padding-top: 10px;
}
.crbTeaser .swiperSlide .teaser:first-child {
  margin-bottom: 20px;
}
.crbTeaser .swiperDirectionNav li a {
  background-color: #005ca9;
  opacity: 0.65;
}
.crbTeaser .swiperDirectionNav li a:hover {
  opacity: 1;
}
.crbTeaser .swiperDirectionNav li a:after {
  background-position: -800px 50%;
}
.crbTeaser .swiperPaginationSwitch:hover a {
  background-color: rgba(0, 0, 0, 0.7);
}
.no-touch .cta:hover p {
  background-color: #005ca9;
  opacity: 1;
}
h3.teaserHeadline {
  color: #005ca9;
  text-transform: none;
  font-weight: normal;
  font-size: 24px;
  font-size: 1.5rem;
  margin: 15px 0 4px;
}
.teaser.imgLeft,
.teaser.imgRight,
.teaser.imgbottom {
  border: none;
  background: #e3e3e4;
}
.teaser.imgLeft:hover,
.teaser.imgRight:hover,
.teaser.imgbottom:hover {
  background-color: #f1f1f1;
}
/*** TEXT/IMAGE ***/
.txtImg h3 {
  background: none;
  color: #005ca9;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 0;
  font-size: 1.5rem;
}
.txtImg ul {
  padding-left: 30px;
}
.txtImg ul li {
  position: relative;
  list-style-type: none;
}
.txtImg ul li:before {
  color: #005ca9;
  content: "\25A0";
  /* square */
  font-size: 0.75em;
  left: -12px;
  line-height: 0;
  position: absolute;
  top: 10px;
}
.txtImg .cta figure:before {
  background-color: #005ca9;
  opacity: 0.8;
}
.txtImg .cta figcaption > p {
  background-color: #666666;
  background-color: rgba(0, 0, 0, 0.6);
}
.txtImg .cta:hover figure:before {
  background-color: #005ca9;
  opacity: 1;
}
/*** GALLERY ***/
.gallery .galleryHeader h1 {
  font-family: Arial, Helvetica, sans-serif;
}
.gallery .shareOptions .social:hover,
.gallery .shareOptions .social:focus {
  background-color: #005ca9;
}
.gallery .swiper-nav:before {
  background-color: #aeaeae;
}
.gallery .gradientLeft {
  left: 0;
  background: -moz-linear-gradient(left, rgba(174, 174, 174, 0.75) 0%, rgba(174, 174, 174, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(174, 174, 174, 0.75)), color-stop(100%, rgba(174, 174, 174, 0)));
  background: -webkit-linear-gradient(left, rgba(174, 174, 174, 0.75) 0%, rgba(174, 174, 174, 0) 100%);
  background: -o-linear-gradient(left, rgba(174, 174, 174, 0.75) 0%, rgba(174, 174, 174, 0) 100%);
  background: -ms-linear-gradient(left, rgba(174, 174, 174, 0.75) 0%, rgba(174, 174, 174, 0) 100%);
  background: linear-gradient(to right, rgba(174, 174, 174, 0.75) 0%, rgba(174, 174, 174, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfaeaeae', endColorstr='#00aeaeae', GradientType=1);
}
.gallery .gradientRight {
  right: 0;
  background: -moz-linear-gradient(left, rgba(174, 174, 174, 0) 0%, rgba(174, 174, 174, 0.0075) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(174, 174, 174, 0)), color-stop(100%, rgba(174, 174, 174, 0.0075)));
  background: -webkit-linear-gradient(left, rgba(174, 174, 174, 0) 0%, rgba(174, 174, 174, 0.0075) 100%);
  background: -o-linear-gradient(left, rgba(174, 174, 174, 0) 0%, rgba(174, 174, 174, 0.0075) 100%);
  background: -ms-linear-gradient(left, rgba(174, 174, 174, 0) 0%, rgba(174, 174, 174, 0.0075) 100%);
  background: linear-gradient(to right, rgba(174, 174, 174, 0) 0%, rgba(174, 174, 174, 0.0075) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeaeae', endColorstr='#02aeaeae', GradientType=1);
}
.galleryCloseBtn {
  background-color: #005ca9;
  opacity: 0.8;
  transition: 0.3s;
}
.galleryCloseBtn:hover,
.galleryCloseBtn:focus {
  background-color: #005ca9;
  opacity: 1;
  transition: 0.3s;
}
.galleryVideo .videoHeader a.link:before {
  background-image: none;
}
.galleryVideo .vjs-default-skin .vjs-big-play-button {
  background-color: #005ca9;
}
.galleryVideo .swiper-nav .swiperSlide .smallPlayBtn {
  background-color: #005ca9;
}
/*** ACCORDION ***/
.accordion > h3 {
  background: none;
  color: #005ca9;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 0;
  font-size: 1.5rem;
}
.accordion dt a {
  background-color: #c5c5c6;
}
.accordion dt a:before {
  background-image: url("/global/media/global/global_img/global_brands_img/ico_sprite_sachs.png");
}
.accordion dt a.active {
  background-color: #c5c5c6;
  color: #333333;
}
.accordion dt a.active:hover {
  background-color: #c5c5c6;
}
.accordion dt a.active:focus {
  background-color: #c5c5c6;
}
.accordion dt a.active:before {
  background-position: -1280px 50%;
  left: 4px;
}
/*** MULTIBOX ***/
.multibox {
  background-color: #e3e3e4;
  border-bottom: 4px solid #005ca9;
  padding-top: 0;
}
.multibox .link {
  border: 0px none;
}
.multibox .linklist .link:before {
  background: transparent url("/global/media/global/global_img/global_brands_img/ico_sprite_sachs.png") no-repeat scroll -110px -19px;
}
.multibox h3 {
  background: #005ca9;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.multibox ul.downloads li img {
  float: left;
  margin-right: 25px;
}
.multibox ul.downloads li p {
  color: #005ca9;
  padding-left: 1.1em;
  margin: 0;
}
.multibox .linkGet {
  padding-left: 1.2em;
}
.multibox .linkGet:before {
  background: url("/global/media/global/global_img/global_brands_img/ico_sprite_sachs.png") no-repeat scroll -781px -19px;
}
/*** TABELLEN ***/
.table table tbody tr:last-child {
  border-bottom: 4px solid #005ca9;
}
/* Brochure input element */
.inputBrochure-title {
  color: #005ca9;
}
/* catalogue listing title */
.cataloguesResult h3 {
  color: #005ca9;
}
/* webcat teaser on search resultpage */
.wcTeaser--headline {
  color: #005ca9;
}
/* errorpage */
.errorPage .btn.blue {
  background-color: #005ca9;
}
/*** FOOTER ***/
.footer .socialmedia {
  background-color: #e3e3e4;
}
footer {
  color: #ffffff;
  height: 140px;
  background: #005ca9;
  padding: 20px;
  position: relative;
}
footer.box {
  margin-bottom: 40px;
}
footer .brandOfZF {
  background: none repeat 0 0 #ffffff;
  border: 1px solid #7B7979;
  float: right;
  height: 100px;
  width: 100px;
  position: relative;
}
footer .brandOfZF .top {
  border-bottom: 1px solid #7B7979;
  height: 50%;
}
footer .brandOfZF .top img {
  float: right;
  margin: 7px 14px 0 0;
}
footer .brandOfZF .bottom {
  color: #000000;
  font-size: 0.5rem;
}
footer .brandOfZF .bottom p {
  bottom: 0;
  font-size: 0.5rem;
  margin: 0 0 6px 6px;
  position: absolute;
}
footer .footernav {
  position: absolute;
  bottom: 15px;
}
footer .footernav a {
  color: #ffffff;
}
footer .footernav a:link,
footer .footernav a:hover,
footer .footernav a:visited {
  color: #ffffff;
}
footer .footernav ul {
  margin-right: 50px;
}
footer .footernav span {
  float: none;
}