/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  color: #444;
  text-shadow: none;
  background: rgba(0,168,115,1);/* Old Browsers */
  background: -moz-linear-gradient(top, rgba(0,168,115,1) 0%, rgba(247,203,42,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,168,115,1)), color-stop(100%, rgba(247,203,42,1)));/* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,168,115,1) 0%, rgba(247,203,42,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,168,115,1) 0%, rgba(247,203,42,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,168,115,1) 0%, rgba(247,203,42,1) 100%); /* IE 10+ */
  background: linear-gradient(to bottom, rgba(0,168,115,1) 0%, rgba(247,203,42,1) 100%);/* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a873', endColorstr='#f7cb2a', GradientType=0 );/* IE6-9 */ }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; 
  background: #FFF; }

#fancybox-loading, .fancybox-close {
  background-image: url("../img/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../img/fancybox_loading.gif") center center no-repeat; }

  .fancybox-close {
    position: absolute;
    top: 0px;
    right: -60px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 8040;
    background:#e31f1e url('../../../Images/icon_close.png') center no-repeat; background-size:30px;
    background: rgba(24,150,95,1);/* Old Browsers */
    background: -moz-linear-gradient(left, rgba(24,150,95,1) 0%, rgba(46,81,158,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(24,150,95,1)), color-stop(100%, rgba(46,81,158,1)));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(left, rgba(24,150,95,1) 0%, rgba(46,81,158,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(24,150,95,1) 0%, rgba(46,81,158,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(24,150,95,1) 0%, rgba(46,81,158,1) 100%); /* IE 10+ */
    background: linear-gradient(to right, rgba(24,150,95,1) 0%, rgba(46,81,158,1) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18965f', endColorstr='#2e519e', GradientType=1 );/* IE6-9 */ }
  
.fancybox-close::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background:url('../../../Images/icon_close.png') center no-repeat; background-size:30px; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../img/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: -75px; }

.fancybox-next {
  right: -75px; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  background:#e31f1e  center no-repeat; background-size:24px;;
}

.fancybox-prev span {
  left: -10px;
  background: rgba(250,224,185,1);/* Old Browsers */
  background: -moz-linear-gradient(left, rgba(250,224,185,1) 0%, rgba(240,166,48,1) 51%, rgba(230,63,21,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,224,185,1)), color-stop(51%, rgba(240,166,48,1)), color-stop(100%, rgba(230,63,21,1)));/* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, rgba(250,224,185,1) 0%, rgba(240,166,48,1) 51%, rgba(230,63,21,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(250,224,185,1) 0%, rgba(240,166,48,1) 51%, rgba(230,63,21,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(250,224,185,1) 0%, rgba(240,166,48,1) 51%, rgba(230,63,21,1) 100%); /* IE 10+ */
  background: linear-gradient(to right, rgba(250,224,185,1) 0%, rgba(240,166,48,1) 51%, rgba(230,63,21,1) 100%);/* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae0b9', endColorstr='#e63f15', GradientType=1 );/* IE6-9 */
}
.fancybox-prev span::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background:url('../../../Images/icon_prev.png') center no-repeat; background-size:30px; }

.fancybox-next span {
  right: -10px;
  background: rgba(0,168,115,1);/* Old Browsers */
  background: -moz-linear-gradient(left, rgba(0,168,115,1) 0%, rgba(247,206,42,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,168,115,1)), color-stop(100%, rgba(247,206,42,1)));/* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, rgba(0,168,115,1) 0%, rgba(247,206,42,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(0,168,115,1) 0%, rgba(247,206,42,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(0,168,115,1) 0%, rgba(247,206,42,1) 100%); /* IE 10+ */
  background: linear-gradient(to right, rgba(0,168,115,1) 0%, rgba(247,206,42,1) 100%);/* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a873', endColorstr='#f7ce2a', GradientType=1 );/* IE6-9 */
}
.fancybox-next span::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background:url('../../../Images/icon_next.png') center no-repeat; background-size:30px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../img/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    /*The size of the normal image, half the size of the hi-res image*/ } }



/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {

  .fancybox-close {
    top: 0px;
    right: 0px;
  }
    
}

