.cycle-slideshow, .cycle-slideshow * , .slideshow, .slideshow *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.logo-slideshow {background:#fff; width:100%; height: 75px;}



.logoimage img {width:auto; height: 70px; 
position:absolute; 
   top: 50%;                          
   left: 50%;                         
   transform: translate(-50%, -50%)  
   }


#logos_mobile .logoimage {width: 50%; float:left; display:block; padding-bottom: 56.666667%; position:relative; }


 
#slideshow_4 .logoimage {width: 25%; float:left; display:block; height: 75px; position:relative; }

#slideshow_6 .logoimage {width: 16.666667%; float:left; display:block; height: 75px; position:relative; }

#slideshow_8 .logoimage {width: 12.5%; float:left; display:block; height: 75px; position:relative; }


.logoslide {width:100%; height: 75px; padding: 0px 20px 0px 20px;}

#slideshow_4,#slideshow_6,#slideshow_8 {display:none; }



.slideshow {
    margin: auto
}
.slideshow img {
    width: 100px;
    height: 100px;
    padding: 2px;
}
div.responsive img {
    width: auto;
    height: auto
}
.cycle-pager {
    position: static;
    margin-top: 5px
}
div.vertical {
    width: 100px
}
/*reset CSS aninmations while not onsreen*/
 .cycle-slide:not(.cycle-slide-in) .animated {
    -webkit-animation-name: none;
    animation-name: none;
}







.cycle-slideshow, .slideshow {/* width: 100% !important;*/ min-width: 200px;   margin: 0; padding: 0; position: relative;
/*    background: url(http://malsup.github.com/images/spinner.gif) 50% 50% no-repeat;*/
    background:#000;
    
/*    max-width:1900px;*/

 width:100%;  height:100vh; background-image:none; 
}

.slideshow.withtextoverlay {background-color: #fff;}

.slide-element {
/*height:calc(100vh - 40px); */
height:100vh;
width:100%;
padding-bottom:0 !important;
background-repeat: no-repeat;
background-position:center center;
background-size: cover;
}
.slide-element .bgimage {height:100vh;width:100%; padding-bottom: 0; background-size: 100% auto;
background-repeat: no-repeat;
background-color: #ccc;}

.fullscreencontent {height:100vh;width:100%;}

.fullscreencontent iframe{height:100%;width:100%;background: #ccc;}

 
 .caption {position:absolute; bottom:10px; left: 10px; z-index:10002}


/*inhalt des slideshow containers*/
.hiddencontent { 
height:calc(100vh - 40px);
height:100vh;
  
    width: 100%;
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0;
  overflow-x: hidden;
    transition: 0.4s;
}

 
  .cycle-nav {display:none;}
 /* pager */
.cycle-pager { 
   text-align: center;  width: 100%; z-index: 500; position: absolute; bottom: 17px; left:0px;overflow: hidden; width:100%;height:34px;
    background:transparent ; 
/*border:1px solid #000;*/
}



.cycle-single  .cycle-pager span { display:none;}

.cycle-pager span { 
    font-family: arial; font-size: 1px;text-indent:-9999px; width: 12px; height: 12px; 
    display:  inline-block; 
    color: #fff; 
    cursor: pointer; margin-left:12px;margin-bottom:8px; 
 background:#000;       border-radius: 6px;
}
.cycle-pager span:hover { background:#FF009F;    }
.cycle-pager span.cycle-pager-active { background:#FF009F;     }
.cycle-pager > * { cursor: pointer;}



/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}



.disabled { opacity: .5; filter:alpha(opacity=50); }

 /* display paused text on top of paused slideshow */
.cycle-paused:after {display:none;
    content: ''; color: white; background: transparent; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}
 
 #slider {position:relative;}
 
 
 
 /*pfeile auch mobil*/
 
  .cycle-nav { 
  display:block;
  	position:absolute; bottom:35px; left:50%; z-index: 10010; width:120px; margin-left:-60px;
  	
  	}
  .cycle-caption { display:none !important;}
  
  	
  	
  
 .cycle-prev.pfeil { 
 	float:left; 
 width:46px ;height:20px;height:100px;
  background-image: url(../images/kwwww-arrow-left.svg) ;
  background-position: left center;  background-position: left bottom 0px;
  background-size:36px auto;
  background-repeat: no-repeat;
 cursor:pointer;  width:50%;}

  
 .cycle-next.pfeil { 	 
 	float:left;   width:46px ;height:20px;height:100px;
  background-image: url(../images/kwwww-arrow-right.svg) ;
  background-position:right center; background-position: right bottom 0px;
  background-size:36px auto;
  background-repeat: no-repeat;
 cursor:pointer;width:50%;
 }
 
 
   .closeoverlay { 
  position: absolute;
top: 0;
left: 65.625%;
left: 82.5%;
left: 80%;
z-index: 10300;
width: 17.1875%;
width: 20%;
height: 100vh;
background-position: right 10px bottom 32px;
background-image: url(../images/kwwww-close.svg);
background-repeat: no-repeat;
background-size: 25px 25px;
cursor:pointer;
 }
 
 .openoverlay { 
  position: absolute;
  top: 0;
 
  z-index: 10200;
  width: 17.1875%;
  width: 25px;
  height: 25px;
  background-position: center;
  background-image: url(../images/kwwww-information.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  bottom: 32px;
  top: auto;
  left: auto;
  right: 50px;
cursor:pointer;

}

 #cboxClose { bottom:32px;right: 10px;}

@media all and (min-width: 640px){
  

}

  
@media all and (min-width: 768px){
	
	   .cycle-nav{ bottom:25px; }
   .openoverlay {  bottom: 22px; right: 65px;}
   .closeoverlay {background-position: right 25px bottom 22px; }
  
 .caption {position:absolute; bottom:25px; left: 25px; z-index:10002}
 #cboxClose { bottom:22px;right: 25px; }
 
 
 
	
	.slide-element .bgimage {background-size:cover;}
 	
 .cycle-nav {display:block;
 	position:absolute; bottom:0px; left:50%; z-index: 10010; width:300px;max-width:300px;}
 	
  .cycle-caption { display:block !important;}
 
 .cycle-prev.pfeil { 
 	 position:absolute; 
 	left: 0px; bottom: 0px;
 	height:80px;
 
  background-image: url(../images/kwwww-arrow-left.svg) ;
  background-position:center bottom 25px; 
  background-size:46px 20px;
  background-repeat: no-repeat;
 cursor:pointer; width:100px; }

  
 .cycle-next.pfeil { 	 
 	 position:absolute; 
 	right: 0px; bottom: 0px;
 	height:80px;
 	 
  background-image: url(../images/kwwww-arrow-right.svg) ;
  background-position:center bottom 25px;
  background-size:46px 20px;
  background-repeat: no-repeat;
 cursor:pointer;   width:100px;
 }
 
 
 
  .cycle-caption{ 	 position:absolute;  bottom: 23px; height: 25px; left: 100px; width:100px; text-align:center;} 
  


 
  
 .cycle-prev.flaeche { 
 	 
 width:50% ;
 width: calc(50% + 150px);
 height: calc(100vh - 40px);height:100vh;
   position:absolute; left:0px; top:0px;
 cursor:pointer;   z-index:10009;}

  
 .cycle-next.flaeche { 	 
 	 
 width:50% ; width: calc(50% - 150px);
 height: calc(100vh - 40px);height:100vh;
   position:absolute; right:0px; top:0px;
 cursor:pointer;   z-index:10009   
 }


}


 
@media all and (min-width: 1024px){
 .slide-element {
  border-right:1px solid #000;  
 /* rausgenommen - border-left an sidebar-wrapper*/
 

}


#slideshow_4 {display:block; }

#logos_mobile,#slideshow_6,#slideshow_8 {display:none; }

} 
 
 /*
@media all and (min-width: 1280px){*/
@media all and (min-width: 1440px){
 
#slideshow_6 {display:block; }

#logos_mobile,#slideshow_4,#slideshow_8 {display:none; }


}
 

/*
@media all and (min-width: 1440px){*/
@media all and (min-width: 1920px){
 
#slideshow_8 {display:block; }

#logos_mobile,#slideshow_4,#slideshow_6  {display:none; }


}