/*    Bilder- und Videogalerien    */  

.remagallery_wrap, .remavideo_wrap { background: #f2f2f2; width: 940px; padding: 20px 20px 10px; margin: 20px 20px 4px 20px; overflow: hidden; } 
.remavideo_inner, .remagallery_inner { width: 10000px; overflow: hidden; height: 220px; position: relative; left: 0; margin-bottom: 10px; }
.remagallery_single, .remavideo_single { width: 280px; height: 220px; float: left; margin-left: 30px; position: relative; }
.remagallery_single:first-child, .remavideo_single:first-child { margin-left: 0; }
 .remagallery_single h3, .remavideo_single h3 { text-transform: none; padding: 0; margin: 0; font-size: 16px; font-weight: 700; }
 .remagallery_imagewrap { position: relative; width: 280px; height: 170px; margin-bottom: 10px; }
  .remagallery_image { width: 280px; height: 170px; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 1; }
  .remagallery_image:first-child { z-index: 3; }
  .remagallery_image img { width: 100%; height: auto; }

  .remavideo_single img { width: 280px; height: 170px; margin-bottom: 10px; }
  
.mfp-content img { margin: 0 auto; }  
.mfp-hide { display: block !important; }
  
.remagallery_navigation { overflow: hidden; background: #f2f2f2; padding: 0 20px; width: 940px; margin: 0 20px; }  
   .remagallery_navigation .innerwrap { margin: 0 auto; width: 70px; overflow: hidden; }
   
.videoback, .videofwd, .galleryback, .galleryfwd { width: 33px; height: 21px; display: block; float: left; background: url('../../../_common/images/btn_bg_slider_media.png'); }
.videoback:hover, .videofwd:hover, .galleryback:hover, .galleryfwd:hover { background: url('../../../_common/images/btn_bg_slider_media_hover.png'); }
.videoback:before, .videofwd:before, .galleryback:before, .galleryfwd:before { content: '\e805'; font-family: 'rtticons'; color: #fff; display: block; height: 20px; 
  margin: 1px 11px 0 0; float: right; font-weight: normal; font-size: 10px; }   
.videoback:before, .galleryback:before { content: '\e817'; }   

.remavideo_single a.download, .remagallery_single a.download { position: absolute; bottom: 1px; right: 0; }
.remavideo_single a.download:before, .remagallery_single a.download:before { content: '\e810'; font-family: 'rtticons'; color: #494848; display: block; height: 20px; 
  margin: 0; float: right; font-weight: normal; font-size: 18px; padding: 0; }  
  
.remavideo_single a.youtube, .remagallery_single a.lightbox { position: absolute; top: 67px; left: 116px; height: 40px; width: 40px; background: #fff; opacity: 0.8; z-index: 5; }  
.remavideo_single a.youtube { background: transparent; }
.remavideo_single a.youtube:before, .remagallery_single a.lightbox:before { content: '\e814'; font-family: 'rtticons'; color: #494948; display: block;
  margin: 12px 0 0 8px; float: none; font-weight: normal; font-size: 26px; }   
.remavideo_single a.youtube:before { content: '\e812'; color: #fff; font-size: 64px; margin: 12px 0 0;  }  

.remavideo_single a.youtube:hover:before, .remavideo_single a.download:hover:before, .remagallery_single a.lightbox:hover:before, 
.remagallery_single a.download:hover:before { color: #e30018; }


@media screen and (max-width: 980px) {  
  .remavideo_wrap { width: 630px; padding: 20px 2%; margin: 20px auto 2px; }
  .remagallery_navigation { width: 630px; padding: 6px 2%; margin: 0 auto; }
 }
 
 @media screen and (max-width: 660px) {  
  .remavideo_wrap, .remagallery_navigation  { width: 310px; }
 }