/*
  desktop:  940px
  tablet-large: 768px
  tablet-small: 600px
  phone-large: 480px
  phone-plus: 460px
  phone-medium: 360px
  phone-small: 320px
*/
/*
  desktop:  940px
  tablet-large: 768px
  tablet-small: 600px
  phone-large: 480px
  phone-plus: 460px
  phone-medium: 360px
  phone-small: 320px
*/
/* line 14, ../sass/videos.scss */
video, .videoframe {
  width: 240px;
  height: 135px;
}
@media only screen and (min-width: 360px) and (min-height: 225px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 288px;
    height: 162px;
  }
}
@media only screen and (min-width: 460px) and (min-height: 285px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 400px;
    height: 225px;
  }
}
@media only screen and (min-width: 480px) and (min-height: 295px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 416px;
    height: 234px;
  }
}
@media only screen and (min-width: 600px) and (min-height: 360px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 536px;
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (min-height: 460px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 704px;
    height: 396px;
  }
}
@media only screen and (min-width: 940px) and (min-height: 555px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 880px;
    height: 495px;
  }
}
@media only screen and (min-width: 1020px) and (min-height: 600px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 960px;
    height: 540px;
  }
}
@media only screen and (min-width: 1340px) and (min-height: 800px) {
  /* line 14, ../sass/videos.scss */
  video, .videoframe {
    width: 1280px;
    height: 720px;
  }
}

/* line 54, ../sass/videos.scss */
#videos {
  display: block;
  float: left;
  clear: left;
  margin-top: 10px;
  /* afwijkende waardes om 'vaste' afmetingen in scss op te sporen */
  /*  $size: 90px;
    $blokken: 4;
    $width: $blokken * $size + 188px; */
  width: 302px;
}
/* line 59, ../sass/videos.scss */
#videos .video {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}
/* line 65, ../sass/videos.scss */
#videos .video a {
  text-decoration: none;
}
/* line 68, ../sass/videos.scss */
#videos .video img.thumb, #videos .video img.playicon {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 1px;
  vertical-align: top;
}
/* line 79, ../sass/videos.scss */
#videos .video {
  width: 302px;
  height: 171px;
}
/* line 82, ../sass/videos.scss */
#videos .video img.thumb, #videos .video img.playicon {
  width: 300px;
  height: 169px;
}
/* line 88, ../sass/videos.scss */
#videos .video + .video {
  width: 151px;
  height: 86px;
}
/* line 91, ../sass/videos.scss */
#videos .video + .video img.thumb, #videos .video + .video img.playicon {
  width: 149px;
  height: 84px;
}
@media only screen and (min-width: 768px) and (max-width: 939px), print {
  /* line 54, ../sass/videos.scss */
  #videos {
    width: 302px;
  }
  /* line 79, ../sass/videos.scss */
  #videos .video {
    width: 302px;
    height: 171px;
  }
  /* line 82, ../sass/videos.scss */
  #videos .video img.thumb, #videos .video img.playicon {
    width: 300px;
    height: 169px;
  }
  /* line 88, ../sass/videos.scss */
  #videos .video + .video {
    width: 151px;
    height: 86px;
  }
  /* line 91, ../sass/videos.scss */
  #videos .video + .video img.thumb, #videos .video + .video img.playicon {
    width: 149px;
    height: 84px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  /* line 54, ../sass/videos.scss */
  #videos {
    margin-top: 5px;
    width: 242px;
  }
  /* line 101, ../sass/videos.scss */
  #videos .video {
    width: 242px;
    height: 137px;
  }
  /* line 104, ../sass/videos.scss */
  #videos .video img.thumb, #videos .video img.playicon {
    width: 240px;
    height: 135px;
  }
  /* line 111, ../sass/videos.scss */
  #videos .video + .video {
    width: 121px;
    height: 69px;
  }
  /* line 114, ../sass/videos.scss */
  #videos .video + .video img.thumb, #videos .video + .video img.playicon {
    width: 119px;
    height: 67px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
  /* line 54, ../sass/videos.scss */
  #videos {
    width: 480px;
    margin-left: -9px;
  }
  /* line 124, ../sass/videos.scss */
  #videos .video {
    width: 320px;
    height: 180px;
  }
  /* line 127, ../sass/videos.scss */
  #videos .video img.thumb, #videos .video img.playicon {
    width: 318px;
    height: 178px;
  }
  /* line 134, ../sass/videos.scss */
  #videos .video + .video {
    width: 160px;
    height: 90px;
  }
  /* line 137, ../sass/videos.scss */
  #videos .video + .video img.thumb, #videos .video + .video img.playicon {
    width: 158px;
    height: 88px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
  /* line 54, ../sass/videos.scss */
  #videos {
    margin-top: 5px;
    width: 360px;
    margin-left: -9px;
  }
  /* line 149, ../sass/videos.scss */
  #videos .video {
    width: 240px;
    height: 136px;
  }
  /* line 152, ../sass/videos.scss */
  #videos .video img.thumb, #videos .video img.playicon {
    width: 238px;
    height: 134px;
  }
  /* line 158, ../sass/videos.scss */
  #videos .video + .video {
    width: 120px;
    height: 68px;
  }
  /* line 161, ../sass/videos.scss */
  #videos .video + .video img.thumb, #videos .video + .video img.playicon {
    width: 118px;
    height: 66px;
  }
}
@media only screen and (max-width: 359px) {
  /* line 54, ../sass/videos.scss */
  #videos {
    margin-top: 5px;
    width: 320px;
    margin-left: -9px;
  }
  /* line 172, ../sass/videos.scss */
  #videos .video {
    width: 212px;
    height: 118px;
  }
  /* line 175, ../sass/videos.scss */
  #videos .video img.thumb, #videos .video img.playicon {
    width: 210px;
    height: 116px;
  }
  /* line 181, ../sass/videos.scss */
  #videos .video + .video {
    width: 106px;
    height: 59px;
  }
  /* line 184, ../sass/videos.scss */
  #videos .video + .video img.thumb, #videos .video + .video img.playicon {
    width: 104px;
    height: 57px;
  }
}

/* line 194, ../sass/videos.scss */
.video img.playicon {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 200, ../sass/videos.scss */
html.touch .video img.playicon {
  display: block;
}
/* line 204, ../sass/videos.scss */
html.no-touch .video:hover img.playicon {
  display: block;
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
  /* line 209, ../sass/videos.scss */
  section.artikel .details2 {
    clear: left;
    margin-left: 0;
  }
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
  /* line 216, ../sass/videos.scss */
  section.artikel #cart_button {
    padding-top: 1em;
  }
}
@media only screen and (max-width: 359px) {
  /* line 216, ../sass/videos.scss */
  section.artikel #cart_button {
    padding-top: 1em;
  }
}
/* line 221, ../sass/videos.scss */
.fancybox-wrap, .fancybox-wrap * {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -safari-box-sizing: content-box !important;
  box-sizing: content-box !important;
}