/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)"; 

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Responsive functions -----*/
html,
button,
input,
select,
textarea {
  font-family: 'Lato', sans-serif;
}
html,
body {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  color: #222222;
  -webkit-font-smoothing: antialiased;
}
a {
  color: #ee7f01;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
.kop1,
h2,
.kop2,
h3,
.kop3,
h4,
.kop4 {
  font-family: 'Lato', sans-serif;
  margin: 0 0 10px;
  text-transform: uppercase;
}
h1 a,
.kop1 a,
h2 a,
.kop2 a,
h3 a,
.kop3 a,
h4 a,
.kop4 a {
  color: #222222;
}
.homepage h1,
.homepage .kop1,
.homepage h2,
.homepage .kop2 {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (min-width: 1024px) {
  .homepage h1,
  .homepage .kop1,
  .homepage h2,
  .homepage .kop2 {
    font-size: 30px;
    line-height: 36px;
  }
}
h1,
.kop1,
h2,
.kop2 {
  font-weight: 700;
}
h1,
.kop1 {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (min-width: 1024px) {
  h1,
  .kop1 {
    font-size: 30px;
    line-height: 36px;
  }
}
h2,
.kop2 {
  font-size: 21px;
  line-height: 27px;
}
@media only screen and (min-width: 1024px) {
  h2,
  .kop2 {
    font-size: 21px;
    line-height: 28px;
  }
}
h3,
.kop3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
h4,
.kop4 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}
.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: 768px) {
  html,
  body {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1024px) {
  h1,
  .kop1,
  h2,
  .kop2,
  h3,
  .kop3,
  h4,
  .kop4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}