/* general styles */
body{
  font-size: 12px;
  line-height: 1.8em;
}
div.stripes{
  background-size: 1500px auto;
}

div.container{
  padding: 10px;
}
div.content.blog div.centerContent,
div.centerContent{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
div.content.default div.cartBG div.centerContent{
  padding-left: 20px;
  padding-right: 20px;
}

.text-m-left{
  text-align: left;
}
.text-m-right{
  text-align: right;
}
.text-m-center{
  text-align: center;
}

div.line{
  display: none;
}

/*      HEADER      */
header{
  border-left: solid 10px #FFF;
  border-right: solid 10px #FFF;
}
header.big:not(.fixed){
  border-right: solid 10px transparent;
}
header a.logoHolder,
header.big a.logoHolder.big,
header.big.fixed a.logoHolder.big{
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}
@media screen and (max-width: 370px) {
  header a.logoHolder,
  header.big a.logoHolder.big,
  header.big.fixed a.logoHolder.big{
    margin-left: 110px;
  }
}
header.big div.centerContent{
  padding-top: 35px;
}
header.big.fixed div.centerContent{
  padding-top: 25px;
}
header.big a.logoHolder.big,
header.small a.logoHolder.small,
header.big.fixed a.logoHolder.small{
  width: 130px;
  margin-top: 2px;
}
header div.colorBlock{
  left: 65%;
}
@media screen and (max-width: 550px) {
  header div.colorBlock{
    left: 70%;
  }
}
@media screen and (max-width: 425px) {
  header div.colorBlock{
    left: 75%;
  }
}
@media screen and (max-width: 400px) {
  header div.colorBlock{
    left: 80%;
  }
}
@media screen and (max-width: 360px) {
  header div.colorBlock{
    display: none;
  }
}
div.menuHolder.big{
  top: 105px;
}
div.menuHolder.fixed{
  top: 73px;
}
div.menuHolder{
  top: 83px;
  left: -110%;
  width: 100%;
  border-bottom: solid 10px #FFF;
  border-left: solid 10px #FFF;
  border-right: solid 10px #FFF;
  box-sizing: border-box;
}
header div.menuInfo,
header.big.fixed div.menuInfo{
  left: 15px;
  width: auto;
  padding-right: 20px;
}
header.big div.menuInfo{
  top: 35px;
}
header a.cartButton,
header.big.fixed a.cartButton{
  margin-left: 10px;
  padding-left: 0px;
  width: 24px;
  height: 18px;
  position: relative;
}
header a.cartButton span:not(.fa){
  display: none;
}
header a.cartButton span.amountDot{
  display: block;
  width: 22px;
  height: 22px;
  line-height: 20px;
  border-radius: 11px;
  box-sizing: border-box;
  background-color: #492123;
  color: #FFF;
  border: 1px solid #FFF;
  text-align: center;
  position: absolute;
  right: -12px;
  bottom: -5px;
  font-weight: 700;
  letter-spacing: 0px;
}

div.menuHolder nav{
  padding-left: 25px;
  padding-top: 25px;
}
div.menuHolder nav ul li{
  padding-bottom: 12px;
  margin-bottom: 12px;
}
div.menuHolder nav ul li ul li{
  padding-top: 10px;
}
div.menuHolder nav>ul>li:first-child{
  display: block;
}


div.socialLinks{
  bottom: 10px;
}
div.slideShowFrame div.socialLinks{
  display: none;
}

header.small div.menuInfo.white{
  color: #492123;
}
header.small div.menuInfo.white a.cartButton{
  background-image: url('../images/winkelmandje.svg');
}


/*      CONTENT      */
div.content:not(.product) div.crumblePath{
  font-size: 0px;
  line-height: 0px;
}
div.crumblePath span.crumbles{
  display: none;
}
div.content,
div.productInfo{
  padding-bottom: 25px;
}
div.cartBG,
div.content.default div.cartBG,
div.content.contact div.cartBG,
div.content.blog div.cartBG{
  padding-top: 40px;
  margin-bottom: 15px;
}
div.content h1,
div.formSection:first-child h1,
div.content nav.sideMenu h2,
div.content div.sideInfo h2,
div.content.home h2{
  margin-top: 0px;
}

div.content.default h1,
div.content.contact h1,
div.cart-data h1,
div.cart-confirm h1,
div.content nav.sideMenu h2,
div.content div.sideInfo h2,
div.content.about h1,
div.content.about h2{
  margin-bottom: 10px;
}

div.content.default div.textHolder,
div.content.contact div.textHolder,
div.content.contact div.contactForm{
  width: 100%;
  margin-right: 0px;
  float: none;
}
div.content.default nav.sideMenu,
div.content div.sideInfo,
div.content.contact div.textHolder.sideInfo{
  width: 100%;
  float: none;
  padding-top: 20px;
}
div.content.default nav.sideMenu{
  display: none;
}

/*      HOME      */
div.slideShowFrame{
  height: auto;
}
div.slideShowHolder{
  height: 0px;
  padding-top: 95px;
  padding-bottom: 103%;
  border-top: 10px solid #FFF;
}
div.slideShowHolder div.slideImageBG{
  display: none;
}

div.slideShowHolder div.whiteBar{
  display: none;
}
div.slideshow .slide div.stripes{
  left: 75%;
  background-size: 1500px auto;
}
@media screen and (max-width: 370px) {
  div.slideshow .slide div.stripes{
    left: 90%;
  }
}

div.slideshow .slide img.slideImage{
  width: 100%;
}
div.slideshow .slide div.slideContent{
  display: none;
}
div.slideshow .slide div.slideContent div.stamp{
  left: 780px;
}
div.slideshow .slide div.slideContent h2{
  font-size: 3em;
}
div.slideshow .slide div.slideContent h3{
  margin-top: 30px;
}
div.slideshow .slide div.divider{
  left: 405px;
  bottom: 265px;
}
div.slideshow .slide div.bar{
  left: -20px;
  bottom: 25px; 
}


div.content.home div.cartBG.homeProducts{
  margin-top: 0px;
  padding-top: 40px;
}


div.instagramBar{
  padding-bottom: 40px;
}
div.instagramHolder{
  width: 100%;
}

div.instagramBar div.instagramDivider{
  display: none;
}
div.instagramBar a.instagramText{
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
  margin-top: 10px;
  font-size: 1.5em;
}
div.instagramBar a.instagramText span.textCell {
  text-align: center;
}
div.instagramBar a.instagramText span.textCell br{
  display: none;
}

div.centerContent.homeTextHolder{
  padding: 0px;
}

div.homeText{
  margin-top: 50px;
  margin-bottom: 50px;
}
div.homeText div.pattern{
  display: none;
}

div.homeText div.textHolder{
  padding: 40px;
  margin-left: 0px;
  width: 100%;
  position: relative;
  padding-bottom: 80%;
}
div.homeText div.textHolder img{
  left: 0px;
  right: 0px;
  top: auto;
  bottom: 0px;
  width: 100%;
}
div.homeText a.mainButton.invert{
  position: relative;
  right: auto;
  width: 100%;
  box-sizing: border-box;
  top: auto;
}



/*      ABOUT     */
div.content.about h1,
div.content.about h2{
  margin-top: 25px;
  margin-bottom: 10px;
}
div.content.about div.cartBG h2,
div.content.about h2{
  margin-top: 0px;
}

div.content.about p.typo{
  padding-bottom: 40px;
}
div.content.about div.textHolder{
  width: 100%;
  padding-bottom: 15px;
}
div.content.about div.imageHolder{
  width: 100%;
  margin-left: 0px;
  padding-bottom: 25px;
}
div.centerContent.favorites{
  padding: 0px;
  margin-top: 20px;
}
div.favoriteHolder{
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  background: none;
  border: none;
}
div.favoriteHolder div.favorite,
div.favoriteHolder div.favorite:first-child,
div.favoriteHolder div.favorite:nth-child(2){
  width: 100%;
  position: relative;
  padding: 15px;
  left: auto;
  top: auto;
  margin-bottom: 180px;
}

div.favoriteHolder div.favorite div.imageHolder,
div.favoriteHolder div.favorite:first-child div.imageHolder,
div.favoriteHolder div.favorite:nth-child(2) div.imageHolder{
  width: 160px;
  float: none;
  position: absolute;
  left: auto;
  top: auto;
  right: 30px;
  bottom: -160px;
}

@media screen and (min-width: 375px) {
  div.favoriteHolder{
    margin-bottom: 50px;
    margin-top: 30px;
  }
  div.favoriteHolder div.favorite,
  div.favoriteHolder div.favorite:first-child,
  div.favoriteHolder div.favorite:nth-child(2){
    width: 90%;
    position: relative;
    padding: 15px;
    left: auto;
    top: auto;
  }
  div.favoriteHolder div.favorite:nth-child(2){
    margin-left: 10%;
    margin-bottom: 0px;
  } 
  
  div.favoriteHolder div.favorite div.imageHolder,
  div.favoriteHolder div.favorite:first-child div.imageHolder,
  div.favoriteHolder div.favorite:nth-child(2) div.imageHolder{
    width: 160px;
    position: relative;
    float: right;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  
  div.favoriteHolder div.favorite:first-child div.imageHolder{
    margin-top: -30px;
    margin-right: -50px;
    padding-left: 10px;
  }
  div.favoriteHolder div.favorite:nth-child(2) div.imageHolder{
    float: left;
    margin: 0px;
    margin-top: -30px;
    margin-left: -50px;
    padding-right: 10px;
  }
 
  div.favoriteHolder div.favorite:first-child{
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 500px) {
  div.favoriteHolder{
    margin-bottom: 50px;
    margin-top: 30px;
  }
  div.favoriteHolder div.favorite,
  div.favoriteHolder div.favorite:first-child,
  div.favoriteHolder div.favorite:nth-child(2){
    width: 90%;
    position: relative;
    padding: 15px;
    left: auto;
    top: auto;
  }
  div.favoriteHolder div.favorite:nth-child(2){
    margin-left: 10%;
  }  
  div.favoriteHolder div.favorite p{
    padding-right: 140px;
  }
  div.favoriteHolder div.favorite:nth-child(2) p,
  div.favoriteHolder div.favorite:nth-child(2) h3{
    padding-left: 140px;
    padding-right: 0px;
  }
  
  div.favoriteHolder div.favorite div.imageHolder,
  div.favoriteHolder div.favorite:first-child div.imageHolder,
  div.favoriteHolder div.favorite:nth-child(2) div.imageHolder{
    width: 160px;
    position: absolute;
    left: auto;
    top: -20px;
    right: -40px;
    bottom: auto;
  }
  div.favoriteHolder div.favorite:nth-child(2) div.imageHolder{
    top: auto;
    bottom: -20px;
    left: -40px;
    right: auto;
  }
 
  div.favoriteHolder div.favorite:first-child{
    margin-bottom: 20px;
  }
}

div.content.about div.payoff{
  letter-spacing: 8px;
  font-size: 2.25em;
  line-height: 1em;
  padding: 25px;
}

/*      WEBSHOP     */
div.content.product div.centerContent{
  padding: 0px;
}
div.productOverview,
div.blogOverview{
  margin-top: 25px;
}
div.content.categories div.productOverview,
div.blogOverview{
  padding-left: 10%;
  padding-right: 10%;
}
div.productOverview a,
div.blogOverview a{
  width: 100%;
  float: none;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 15px;
}
div.content.categories div.productOverview a:nth-child(3n),
div.content.categories div.productOverview a:nth-child(2n),
div.content.categories div.productOverview a:nth-child(2n-1){
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 375px) {
  div.content.home div.productOverview a,
  div.content.category div.productOverview a{
    width: 48%;
    float:left;
    margin-right: 4%;
  }
  div.content.home div.productOverview a:nth-child(3n),
  div.content.category div.productOverview a:nth-child(3n){
    margin-right: 4%;
  }
  div.content.home div.productOverview a:nth-child(2n),
  div.content.category div.productOverview a:nth-child(2n){
    margin-right: 0px;
  }
}


div.productOverview a span.productInfo,
div.blogOverview a span.blogInfo{
  margin-top: 10px;
}
div.blogOverview a span.title{
  margin-bottom: 5px;
}
div.productOverview a span.text,
div.blogOverview a span.intro{
  min-height: 0px;
  margin-bottom: 10px;
}

.productColors .colorHolder{
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
div.imageHolder{
  width: 100%;
  float: none;
}
div.thumbHolder{
  margin-top: 8px;
  margin-left: -1%;
  margin-right: -1%;
}
div.imageThumb{
  width: 18%;
  padding-top: 18%;
  margin: 1%;
}
div.productInfo{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  float: none;
  padding-top: 10px;
}
div.productInfoHolder{
  padding-right: 0px;
}
div.productInfo h1{
  margin-top: 10px;
}
div.productInfo p.price{
  margin-bottom: 30px;
}
p.infoTitle{
  margin-bottom: 10px;
}
div.productTabs{
  margin-bottom: 0px;
}
div.productInfo div.productColors{
  padding-right:0px;
}


/*      BLOG    */
div.content.blog h2.extraTitle{
  margin-top: 25px;
  margin-bottom: 20px;
  letter-spacing: 8px;
  font-size: 2.25em;
  line-height: 1em;
}
div.content.blog h1{
  margin-bottom: 10px;
  margin-top: 20px;
}
div.content.about p.typo{
  margin-top: 0px;
  font-size: 1.5em;
  letter-spacing: 2px;
}
div.content.blog p.typo{
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 1.5em;
  letter-spacing: 2px;
}
@media screen and (max-width: 375px) {
  div.content.blog p.typo br{
    display: none;
  }
}
div.content.blog div.blogImages{
  margin-top: 25px;
  padding-bottom: 25px;
}

/*      CART      */
div.cartPopup{
  left: -15px;
  width: 305px;
  padding-left: 0px;
  padding-right: 0px;
}
div.cartRow{
  display: block;
  align-items: none;
}
div.cartRow div.cartCol{
  float: left;
}
div.content.cart div.cartBG h1{
  text-align: center;
  margin-bottom: 10px;
}

div.content.cart:note(.cart-data) div.cartBG div.centerContent{
  padding-left: 5px;
  padding-right: 5px;
}

div.cartRow div.cartCol.clearM{
  clear: both;
}
div.cartCol20M{
  width: 100%;
}
div.cartCol19M{
  width: 95%;
}
div.cartCol17M{
  width: 85%;
}
div.cartCol15M{
  width: 75%;
}
div.cartCol14M{
  width: 70%;
}
div.cartCol13M{
  width: 65%;
}
div.cartCol12M{
  width: 60%;
}
div.cartCol10M{
  width: 50%;
}
div.cartCol9M{
  width: 45%;
}
div.cartCol8M{
  width: 40%;
}
div.cartCol7M{
  width: 35%;
}
div.cartCol6M{
  width: 30%;
}
div.cartCol5M{
  width: 25%;
}
div.cartCol4M{
  width: 20%;
}
div.cartCol3M{
  width: 15%;
}
div.cartCol2M{
  width: 10%;
}
div.cartCol1M{
  width: 5%;
}
div.cartCol0M{
  display: none;
}

div.cartBG div.cartRow span.fa-minus,
div.cartBG div.cartRow span.fa-plus,
div.cartBG div.cartRow span.fa-times{
  font-size: 1em;
}
div.cartRow span.cartAmount{
  font-size: 1.2em;
}
div.cartHeader{
  display: none;
}

/*    CART DATA     */
div.cart-confirm div.cartBG{
  margin-bottom: 30px;
  padding-bottom: 30px;
}
div.cart-confirm div.checkBoxHolder div.checkBox{
  padding-right: 0px;
}

/*      FAQ     */
div.content.default div.textHolder.faqBottom{
  margin-top: 25px;
}


/*      CONTACT    */
div.formCol{
  width: 100%;
  float: none;
}
div.formCol:first-child{
  margin-right: 0px;
  margin-bottom: 0px;
}
div.content.cart-confirm div.formCol:first-child{
  border-bottom: solid 1px #000;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

div.content.contact div.cartBG div.textHolder{
  min-height: 0px;
  padding-bottom: 20px;
}
div.content.contact div.textHolder.sideInfo,
div.contactForm{
  margin-top: 25px;
}
div.formSection.fixedHeight{
  min-height: 0px;
}
div.formSection p.address{
  min-height: 0px;
}
input.inputText.discount{
  width: 80%;
}
div.inputHolder select.inputSelect{
  width: 30%;
}

div.inputHolder.gender input.inputText{
  width: 100%;
  margin-right: 0px;
}
div.inputHolder.gender{
  margin: 0px;
}
div.inputHolder.gender div.checkBoxHolder{
  width: 100%;
  text-align: left;
}
div.inputHolder.select div.inputLabel{
  width: 100%;
  line-height: 1em;
  height: auto;
  margin-bottom: 5px;
}
div.inputHolder.select span{
  width: 5%;
}

input.mainButton{
  width: 100%;
  float: none;
  padding-left: 0px;
  padding-right: 0px;
}


/*      FOOTER      */
footer{
  padding-top: 5px;
}
div.footerCol{
  width: 100%;
  float: none;
  margin-top: 25px;
}
div.footerCol img{
  width: 70%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
div.footerCol h4{
  margin-bottom: 5px;
}
div.footerCol p,
div.footerCol a{
  margin-bottom: 5px;
}

div.copyright{
  font-size: 0.7em;
  line-height: 1.4em;
  padding-bottom: 15px;
}
div.copyright br{
  display: inline;
}