@font-face {
  font-family: "PingFangHK";
  src: url("../fonts/ee5e0963d4f220cba32a5765cc4f9772.eot");
  /* IE9*/
  src: url("../fonts/ee5e0963d4f220cba32a5765cc4f9772.eot?#iefix") format("embedded-opentype"), url("../fonts/ee5e0963d4f220cba32a5765cc4f9772.woff2") format("woff2"), url("../fonts/ee5e0963d4f220cba32a5765cc4f9772.woff") format("woff"), url("../fonts/ee5e0963d4f220cba32a5765cc4f9772.ttf") format("truetype"), url("../fonts/ee5e0963d4f220cba32a5765cc4f9772.svg#PingFangHK") format("svg");
  /* iOS 4.1- */
}
body {
  font-family: 'PingFangHK', Arial, sans-serif;
  font-weight: 300;
}
b, strong {
  font-weight: 700;
}
.notify {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 1092;
  width: 300px;
  overflow: hidden;
}
.notify .panel {
  opacity: 0;
  position: relative;
  right: -1000px;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.notify .panel.in {
  opacity: 1;
  right: 0;
}
/**
 Fancybox in weiß
 */
.fancybox-bg {
  background: white;
}
.fancybox-container .fancybox-controls {
  height: 100%;
}
.fancybox-container .fancybox-controls .fancybox-infobar {
  top: 50%;
  position: absolute;
  left: 0px;
  width: 100%;
}
.fancybox-container .fancybox-controls .fancybox-infobar .fancybox-infobar__body {
  display: none;
}
.fancybox-container .fancybox-controls .fancybox-infobar .fancybox-button {
  border-radius: 10px;
  margin: 0 10px;
}
.fancybox-container .fancybox-controls .fancybox-infobar .fancybox-button.fancybox-button--left {
  float: left;
}
.fancybox-container .fancybox-controls .fancybox-infobar .fancybox-button.fancybox-button--right {
  float: right;
}
.fancybox-container .fancybox-navigation button {
  background: none transparent;
}
.fancybox-container .fancybox-navigation button::before {
  background: rgba(231, 42, 87, 0.5);
}
.fancybox-container .fancybox-navigation button:hover::before {
  background: rgba(231, 42, 87, 0.8);
}
.fancybox-container .fancybox-button {
  background: rgba(231, 42, 87, 0.5);
  color: #000000;
}
.fancybox-container .fancybox-button:hover {
  color: #000000;
}
.fancybox-container .fancybox-infobar__body {
  color: #000000;
}
.fancybox-container .fancybox-infobar__body:hover {
  background: none transparent;
  color: #000000;
}
.fancybox-container .fancybox-button--pause::after, .fancybox-container .fancybox-button--pause::before {
  border-color: #000000;
}
.fancybox-container .fancybox-slide video {
  max-height: 45vw;
}
