/* 
    Created on : 16.06.2016, 11:30:24
    Author     : Andeas Methling
*/
section.hero-slider { display: inline-block; width: 100%; height: 488px; position: relative; text-align: center; margin: 0px; padding: 0px; border: none; overflow: hidden; background-color: #eaeaea; }
li.parallax.kenburns { min-width: 100%; height: 488px!important;  }
ul.slides { display: inline-block; width: 100%; float: none; max-width: 1200px; max-height: 488px; overflow: hidden; }
div.row.slide-content { padding-top: 20px!important; }
div.col-lg-6.col-lg-offset-3.text-center b { display: inline-block; width: 60%; float: none; font-size: 30px; color: #ffffff; font-weight: 300; text-transform: uppercase; padding: 0px; margin: 10px 0px 10px 0px; line-height: normal; text-shadow: 2px 2px 5px #000000; }
div.col-lg-6.col-lg-offset-3.text-center p.lead { display: inline-block; width: 60%; float: none; color: #ffffff; text-shadow: 2px 2px 5px #000000; }
div.col-lg-6.col-lg-offset-3.text-center div.silderlink { display: inline-block; width: 60%; float: none; }
div.col-lg-6.col-lg-offset-3.text-center a { display: inline-block; width: auto; padding: 5px; background-color: #e73c22; color: #ffffff; font-size: 22px; font-weight: 400; text-align: center; }
ol.flex-control-nav { display: none; }
ul.flex-direction-nav { display: inline-block; width: 100%; max-width: 100%; position: relative; bottom: 80px; z-index: 2; }
ul.flex-direction-nav > li { display: inline-block; width: 25%; height: 40px; margin: 0px; padding: 0px; float: none; overflow: hidden; }
ul.flex-direction-nav > li > a {
    display: block;
    width: 1px;
    height: 1px;
    padding: 35px 0px 0px 35px; 
    overflow: hidden;
    border: none;
    outline: none;
    border: 1px solid #ffffff;
    border-radius: 40px;
    background-color: transparent; 
    background-repeat: no-repeat;
    background-size: 15px;
    opacity: 0.8;
}
ul.flex-direction-nav > li > a:hover { opacity: 1; }
ul.flex-direction-nav > li > a.flex-prev { float: left; background-image: url("/resources/css/images/joska_pfeil_pref.svg"); background-position: left 8px top 7px; }
ul.flex-direction-nav > li > a.flex-next { float: right; background-image: url("/resources/css/images/joska_pfeil.svg"); background-position: left 12px top 8px; }

@media only screen and (max-width: 1950px){
ul.flex-direction-nav { display: inline-block; width: 100%; max-width: 1200px; }
ul.flex-direction-nav > li { display: inline-block; width: 46%; height: 40px; margin: 0px; padding: 0px; float: none; overflow: hidden; }
}
@media only screen and (max-width: 650px){
section.hero-slider { height: 230px; max-width:100%; }
li.parallax.kenburns { background-size: cover!important;  min-width: 100%; height: 230px!important;  }
ul.slides { max-width: 100%; max-height: 230px; }
div.col-lg-6.col-lg-offset-3.text-center b { font-size: 20px;  }
div.col-lg-6.col-lg-offset-3.text-center p.lead { display: none; }
div.col-lg-6.col-lg-offset-3.text-center a { font-size: 16px; }
}