/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
html,
button,
input,
select,
textarea {
  font-family: 'Work Sans', sans-serif;
}
html,
body {
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  line-height: 1.57;
  color: black;
  -webkit-font-smoothing: antialiased;
}
a {
  color: #221e20;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
.kop1,
h2,
.kop2,
h3,
.kop3,
h4,
.kop4 {
  font-family: 'Work Sans', sans-serif;
  margin: 0 0 15px;
  letter-spacing: 1px;
  color: black;
  font-weight: 300;
}
h1 a,
.kop1 a,
h2 a,
.kop2 a,
h3 a,
.kop3 a,
h4 a,
.kop4 a {
  color: black;
}
h1,
.kop1,
#shoppingcartPlaceholder h2,
.account_details h2,
.checkout_deliveryDetails h2,
body.productDetail #cols .kop3,
body.checkout h2 {
  font-size: 24px;
  letter-spacing: initial;
}
@media only screen and (min-width: 1024px) {
  h1,
  .kop1,
  #shoppingcartPlaceholder h2,
  .account_details h2,
  .checkout_deliveryDetails h2,
  body.productDetail #cols .kop3,
  body.checkout h2 {
    font-size: 26px;
    letter-spacing: 1px;
  }
}
h2,
.kop2 {
  font-size: 34px;
}
h3,
.kop3 {
  font-size: 26px;
}
h4,
.kop4 {
  font-size: 32px;
}
h5,
.kop5 {
  font-size: 24px;
}
h6,
.kop6 {
  font-size: 22px;
}
.nowContent a {
  text-decoration: underline;
}
.nowContent h1 a,
.nowContent h2 a,
.nowContent h3 a,
.nowContent h4 a,
.nowContent h5 a,
.nowContent h6 a,
.nowContent h1 button,
.nowContent h2 button,
.nowContent h3 button,
.nowContent h4 button,
.nowContent h5 button,
.nowContent h6 button,
.nowContent h1 .bttn,
.nowContent h2 .bttn,
.nowContent h3 .bttn,
.nowContent h4 .bttn,
.nowContent h5 .bttn,
.nowContent h6 .bttn {
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
  h1,
  .kop1,
  h2,
  .kop2,
  h3,
  .kop3,
  h4,
  .kop4 {
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}