/* #####################################################################################################
   HOMEPAGE
   ##################################################################################################### */

/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* @breakPointMediumPhone = Galaxy S5 */
/* @breakPointMediumLargePhone = Iphone 6 */
/* @breakPointMediumLargePhone:	~"only screen and (min-width: 375px)"; */
/*--- media queries. When using responsive: only mobile & desktop ---
@useResponsive:			false;
@breakPointLargePhone:	~"only screen and (min-width: 480px)";
@breakPointTablet:		~"only screen and (min-width: 999999999px)";
@breakPointTabletLand:	~"only screen and (min-width: 768px)";
@breakPointDesktop:		~"only screen and (min-width: 768px)";

@breakPointUpToTablet:	~"only screen and (max-width: 767px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 767px)";
*/
/*--- media queries. When not using responsive ---
@useResponsive:			false;
@breakPointLargePhone:	~"only screen and (min-width: 1px)";
@breakPointTablet:		~"only screen and (min-width: 1px)";
@breakPointTabletLand:	~"only screen and (min-width: 1px)";
@breakPointDesktop:		~"only screen and (min-width: 1px)"; 

@breakPointUpToTablet:	~"only screen and (max-width: 1px)";
@breakPointUpToDesktop:	~"only screen and (max-width: 1px)";
*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
.homepage #cols.slideWithNav {
  display: none;
}
.homepage #header #logo {
  width: 114px;
}
.homepage #breadcrumbsWrapper {
  display: none !important;
}
.homepage #cols {
  padding: 0;
}
.homepage #cols #sidecol {
  display: none;
}
.homepage #bannerMobile {
  margin-bottom: 10px;
}
.homepage #banner {
  position: relative;
  margin: 0 0 15px;
}
.homepage #banner > ul {
  list-style: none;
  margin: 0;
}
.homepage #banner > ul .slidesjs-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 50%;
}
.homepage #banner .slidesjs-pagination {
  margin: 10px auto 0;
}
.homepage #banner img {
  width: 100%;
}
.homepage #mobileNav {
  margin-bottom: 40px;
}
.homepage #mobileNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.homepage #mobileNav ul li a {
  text-align: center;
  font-family: Times new roman, sans-serif;
  text-transform: uppercase;
  display: block;
  font-size: 16px;
  line-height: 70px;
}
.homepage #mobileNav ul li a:after {
  content: "";
  width: 30px;
  height: 2px;
  display: block;
  margin: 0 auto;
  background: #8e816f;
}
.homepage #seoTxt {
  padding: 5%;
}
/*end .homepage*/

@media only screen and (min-width: 768px) {
  .homepage #cols {
    padding: 0;
  }
  .homepage #cols #content {
    padding: 3% 4.6% 0;
  }
  .homepage #header #logo {
    width: 152px;
  }
  .homepage #banner {
    margin-bottom: 30px;
  }
  .homepage #banner li + li {
    display: none;
  }
  .homepage h3,
  .homepage .kop3 {
    margin-bottom: 30px;
  }
  .homepage #newsItemWrapper {
    background: #f8f6f2;
  }
  .homepage #newsItemWrapper #newsItem {
    max-width: 1365px;
    margin: 0 auto;
    padding: 5%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .homepage #newsItemWrapper #newsItem .picture {
    float: left;
    border: 10px solid white;
    height: auto;
    width: 21%;
    margin-right: 5%;
  }
  .homepage #newsItemWrapper #newsItem .picture img {
    display: block;
  }
  .homepage #heritageWrapper {
    background: #0e2024 url("../images/bgHeritage.jpg") center bottom;
    background-size: auto 100%;
  }
  .homepage #heritageWrapper #heritage {
    max-width: 1365px;
    margin: 0 auto;
    padding: 5%;
    box-sizing: border-box;
  }
  .homepage #heritageWrapper #heritage #heritageInner {
    border: 1px solid #8e816f;
    padding: 2% 5%;
  }
  .homepage #heritageWrapper #heritage ul {
    overflow: hidden;
  }
  .homepage #heritageWrapper #heritage ul h3,
  .homepage #heritageWrapper #heritage ul .kop3 {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    color: #8e816f;
    padding: 15px 0 5px 10%;
    margin: 0;
    position: relative;
  }
  .homepage #heritageWrapper #heritage ul h3:before,
  .homepage #heritageWrapper #heritage ul .kop3:before {
    content: "";
    position: absolute;
    left: 0.8%;
    top: 25px;
    width: 50px;
    height: 1px;
    background: white;
  }
  .homepage #heritageWrapper #heritage ul .subtitle {
    display: block;
    color: white;
    font-style: italic;
    font-family: Times new roman, sans-serif;
    font-size: !4px;
    padding-left: 10%;
    position: relative;
  }
  .homepage #heritageWrapper #heritage ul .subtitle:before {
    content: "";
    position: absolute;
    left: 4.5%;
    top: 9px;
    width: 22px;
    height: 4px;
    background: #bea67c;
  }
  .homepage #heritageWrapper #heritage ul img {
    width: 30%;
    float: right;
    margin-left: 5%;
  }
  .homepage #heritageWrapper #heritage #heritageMenu {
    margin-top: 15px;
    overflow: hidden;
  }
  .homepage #heritageWrapper #heritage #heritageMenu > a {
    float: left;
    margin-right: 1.46484375%;
    margin-bottom: 1.46484375%;
    width: 32.356770833%;
  }
  .lt-ie9 .homepage #heritageWrapper #heritage #heritageMenu > a {
    /*IE 8*/
    width: 31.868489583%;
  }
  .homepage #heritageWrapper #heritage #heritageMenu > a:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 1.46484375%;
  }
  .homepage #heritageWrapper #heritage #heritageMenu > a:nth-of-type(3n) {
    margin-right: 0;
  }
  .homepage #seoTxt {
    max-width: 1365px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  /*end .homepage*/
}
@media only screen and (min-width: 1024px) {
  .homepage #header #logo {
    width: 170px;
  }
  .homepage #cols {
    padding: 0 1%;
  }
  .homepage #cols #content {
    padding: 0 0 15px;
  }
  .homepage #banner {
    overflow: hidden;
    margin-bottom: 115px;
  }
  .homepage #banner li {
    width: 50%;
    float: left;
  }
  .homepage #banner li + li {
    display: block;
  }
  .homepage #suggestionProduct {
    max-width: 1024px;
    margin: 0 auto;
  }
  .homepage #suggestionProduct h3 {
    margin-bottom: 60px;
  }
  .homepage #newsItemWrapper {
    background: #f8f6f2;
  }
  .homepage #newsItemWrapper #newsItem {
    padding: 5% 15%;
  }
  .homepage #newsItemWrapper #newsItem .picture {
    width: 30%;
  }
  .homepage #newsItemWrapper #newsItem h2,
  .homepage #newsItemWrapper #newsItem .kop2 {
    font-size: 36px;
    margin: 25px 0;
    text-overflow: clip;
    white-space: normal;
    line-height: normal;
  }
  .homepage #newsItemWrapper #newsItem .itemContent {
    line-height: 28px;
  }
  .homepage #heritageWrapper #heritage ul {
    padding: 5%;
  }
  .homepage #heritageWrapper #heritage ul h3,
  .homepage #heritageWrapper #heritage ul .kop3 {
    font-size: 48px;
    line-height: normal;
    margin-bottom: 15px;
  }
  .homepage #heritageWrapper #heritage ul h3:before,
  .homepage #heritageWrapper #heritage ul .kop3:before {
    left: 2%;
    top: 40px;
    width: 60px;
  }
  .homepage #heritageWrapper #heritage ul .subtitle:before {
    left: 4.5%;
    top: 9px;
    width: 30px;
  }
  .homepage #heritageWrapper #heritage #heritageMenu {
    max-width: 72%;
    margin: 0 auto;
    overflow: hidden;
  }
  .homepage #heritageWrapper #heritage #heritageMenu > a {
    float: left;
    margin-right: 5.494505495%;
    margin-bottom: 5.494505495%;
    width: 29.67032967%;
  }
  .lt-ie9 .homepage #heritageWrapper #heritage #heritageMenu > a {
    /*IE 8*/
    width: 27.838827839%;
  }
  .homepage #heritageWrapper #heritage #heritageMenu > a:nth-of-type(n) {
    /*reset if function is called more then once*/
    margin-right: 5.494505495%;
  }
  .homepage #heritageWrapper #heritage #heritageMenu > a:nth-of-type(3n) {
    margin-right: 0;
  }
}