/*
    Author: creatives at work!
    Author URI: http://creatives-at-work.de
    Version: 1.1.0

-------------------------------------------------------------------------

    1. Slider

    2. Featherlight jQuery Plugin

    3. Common external Scripts

-------------------------------------------------------------------------*/


/* ==========================================================================
   1. Slider
   ========================================================================== */

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr;
}
.royalSlider > * {
    float: left;
}

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0);
}


.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0;

}
.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}
.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition:  0s;
    transition:  0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    
    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position:absolute;
    z-index: 0; 
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}
.rsNavItem {
    -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}
.rsTabs {
    float: left;
    background: none !important;
}
.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
    /*left: 0;
    top: 0;
    position: absolute;*/
    /*width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    float: left;*/
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}
.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
    opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;
    
}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
    cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    display:block;  
    z-index: 20;
    background: url(blank.gif);
}


/* ==========================================================================
   2. Featherlight jQuery Plugin
   ========================================================================== */

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.0.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2014, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight {
        display: none;

        /* dimensions: spanning the background from edge to edge */
        position:fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        z-index: 9999;

        /* position: centering content */
        text-align: center;

        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
        white-space: nowrap;

        /* styling */
        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */
        background: rgba(0, 0, 0, 0);
    }

    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.9);
    }

    .featherlight:before {
        /* position: trick to center content vertically */
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    .featherlight .featherlight-content {
        /* make content container for positioned elements (close button) */
        position: relative;
        z-index: 9999;

        /* position: centering vertical and horizontal */
        text-align: left;
        vertical-align: middle;
        display: inline-block;

        /* dimensions: cut off images */
        overflow: hidden;
        padding: 5px 5px 65px 5px;
        border-bottom: 0px solid transparent;

        /* dimensions: handling small or empty content */
        min-width:  55%;
        max-width:  55%;

        /* dimensions: handling large content */
        margin-left: 5%;
        margin-right: 5%;
        min-height: 75%;
        max-height: 75%;

        /* styling */
        background: #fff;
        cursor: auto;

        /* reset white-space wrapping */
        white-space: normal;
    }

    .featherlight .featherlight-content img {
        margin: auto;
          /* position: absolute;
          top: 50%;
          transform: translateY(-50%); */
    }

    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display: block;
    }

    .featherlight .featherlight-close-icon {
        /* position: centering vertical and horizontal */
        position: absolute;
        z-index: 9999;
        bottom: 18px;
        right: 15px;

        /* dimensions: 25px x 25px */
        line-height: 25px;
        width: 150px;

        /* styling */
        cursor: pointer;
        text-align: center;
        font: Arial, sans-serif;
        background: #fff; /* Set the background in case it overlaps the content */
        background: rgba(255, 255, 255, 0.3);
        color: #000;
        background: url('../i/btCloseZoom.png') 100% 50% no-repeat;
        padding-right: 20px;
        color: #fff;
        font-size: .1em;
    }

    .featherlight .featherlight-close-icon:after {
        font-size: 15px;
        text-decoration: underline;
        content: 'Fenster schließen';
        color: #999;
    }

    .featherlight .featherlight-image {
        /* styling */
        width: 100%;
        max-height: 85%;
    }


    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom: 0;
        padding: 0;
    }

    .featherlight iframe {
        /* styling */
        border: none;
    }

    .featherlight-iframe .featherlight-close {
        display: none;
    }

    .featherlight-previous {
        z-index: 999;
        position: absolute;        
        left: 40%;
        bottom: 24px;   
        cursor: pointer;
        background: url('../i/btPrev.png') 100% 50% no-repeat;        
    }

    .featherlight-previous span, .featherlight-next span {
        display: block;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
    }

    .featherlight-next {
        z-index: 999;
        position: absolute;     
        right: 40%;
        bottom: 24px;   
        cursor: pointer;
        background: url('../i/btNext.png') 100% 50% no-repeat;        
    }

    #downloadLink {
        z-index: 0;
        position: absolute;
        font-size: 15px;
        left: 15px;
        bottom: 21px;
        color: #999;
        background: url('../i/btDownload.png') 100% 50% no-repeat;
        padding-right: 30px;
        line-height: 25px;
    }

    #numberText {
        z-index: 0;
        text-align: center;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 22px;
        color: #999;
        font-size: 15px;
    }

    #copyright {
        position: absolute;
        bottom: 0;
        font-size: 15px;
        padding: 5px 5% 63px 10px;
        width: 95%;
        background-color: #fff;
    }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        /* margin-left: 10px;
        margin-right: 10px;
        max-height: 98%; */
    }
}

@media only screen and (max-height: 900px) {
    #numberText {
        font-size: 13px;
        bottom: 24px;
    }
}

@media only screen and (max-height: 800px) {
    #numberText {
        font-size: 11px;
    }
}

@media only screen and (max-width: 768px), screen and (max-height: 700px) {
    .featherlight .featherlight-close-icon:after {
        content: '';
    }
    #downloadLink {
        left: 15px;
        padding: 0;
        display: block;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
    }
    #numberText {
        display: none;
    }
}



/* ==========================================================================
   3. Common external Scripts
   ========================================================================== */

/* Type-Ahead z-index fix */

.gssb_c {
  z-index: 9999 !important;
}