#cboxOverlay
{ cursor: zoom-out !important; opacity: 0.8 !important; background: #0b0b0b; }

#cboxContent, #cboxWrapper, #colorbox
{ overflow: visible; background: none; }

#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxTopCenter, #cboxBottomCenter
{ width: 0; height: 0; background: none;}

#cboxMiddleLeft, #cboxMiddleRight
{ width: 0px; background: none;}

#cboxClose
{ top: 0; bottom: auto; cursor: zoom-out; opacity: 0.65; color: white; line-height: 30px; }

#cboxClose, #cboxPrevious, #cboxNext
{ opacity: 0.65; color: white; font-size: 28px; }

#cboxClose:hover, #cboxPrevious:hover, #cboxNext:hover
{ opacity: 1; }

#cboxPrevious
{ left: calc(-50vw + 50%); margin-left: 25px; }

#cboxPrevious, #cboxNext
{ position: fixed; bottom: 45%; }

#cboxNext
{ right: calc(50% - 50vw); left: auto; transform: rotate(180deg); margin-right: 25px; }

#cboxPrevious:before, #cboxNext:before
{ content:'\25C0'; }

#cboxCurrent, #cboxSlideshow, #cboxTitle
{ position: fixed; left: auto; right: 0; color: #cccccc; font-size: 16px; line-height: 30px; }

#cboxCurrent
{ left: auto; right: 0; }

#cboxSlideshow
{ left: 0; right: auto; filter: invert(100%); }

#cboxSlideshow img
{ vertical-align: middle; width: 16px; height: 16px; }

.play-pause-control
{ position: absolute; top: 1em; left: 50%; z-index: 7; opacity: 0; transform: translate(-50%, 0); transition: opacity 0.4s; }

.play-pause-control button
{ display: block; font-size: 0; line-height: 0; height: 100%; background: none; padding: 0; border: 0; cursor: pointer; }

.play-pause-control button:before
{ display: block; font-size: 50px; line-height: 1; z-index: 11; opacity: 1; color: #fff; }

.play-pause-control .slick-play:before
{ content: '▶'; font-size: 36px; transform: translate(0, 0.25em) }

.play-pause-control .slick-pause:before
{ content: '='; font-size: 60px; transform: translate(-0.06em, 0) rotate(90deg); }

.slick-slider .slick-prev::before
{ content: '◀'; }

.slick-slider .slick-next::before
{ content: '▶'; }

.slick-container:hover .play-pause-control
{ opacity: 1; }

#cboxTitle
{ left: 0; right: 0; text-align: center; }

#cboxLoadedContent
{ padding: 30px 0 0 0; margin-bottom: 30px; }

.cboxPhoto
{ max-width: 100%; height: auto !important; max-height: 100%; }

.slick-img.cboxElement
{ cursor: pointer; }

.tx-a7carousel .slick-img
{ backface-visibility: hidden; }

/* a7MB, 19.10.17: Without this rule, the IE 11 has a rendering bug that leads to a flickering for each slide. */
/* Not tested in IE < 11; Edge does not seem to have the problem in the first place. */
.fade-effect .slick-slider .slick-list, .fade-effect .slick-track, .fade-effect .slick-slide, .fade-effect .slick-slide img
{ -ms-transform: none !important; }