/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent; 
}

.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}

.owl-theme .owl-nav [class*='owl-']:hover {
	background: #869791;
	color: #FFF;
	text-decoration: none; 
}

.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default; 
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px; 
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent; 
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline; 
}

.owl-theme .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	background: #000; 

	background-color: rgba(0,0,0,0.5);
	background: #777;
	border: 0px solid #777;

	/* Shadow */
	-webkit-box-shadow: 2px 1px 1px 0px rgba(68,68,68,0.6);
	-moz-box-shadow: 2px 1px 1px 0px rgba(68,68,68,0.6);
	box-shadow: 2px 1px 1px 0px rgba(68,68,68,0.6);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #869791; 
	background: #FFF;
	background-color: rgba(255,255,255,1.0);
	border: 0px solid #FFF;

}

/* //////////// ////////////////////////////////////////////////////////////////////////////////////// ////////////////// */
/* //////////// MY Style ////////////////// */

.wrap_carousel {
	position: relative;
	display: block;
	width: 100%;
	height: auto;	
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	
	background: green;
}

.wrap_carousel .modul {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	width: 100%;
	height: 100%;
}




/* ////////////////////////// */

.owl-carousel {
	background-color: #999;
	background-color: tomato;
	background-color: black;

	max-height: 100%;
	height: 100%;
}
  
.owl-controls {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,0.5);
	background-color: transparent;
}

.owl-controls .owl-nav {
	background-color: rgba(255,255,255,0.5);
	background-color: transparent;
}
.owl-controls .owl-dots {
	background-color: rgba(0,0,0,0.5);
	background-color: transparent;
	margin: -10px 0 0 0;
	padding: 0;
	height: auto;
	line-height: 1.5em;
	

}

.owl-theme .owl-dots .owl-dot span {
	margin: 0px 7px;

/**/	
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;	
	
}

/* Div + IMG mit LazyLoad 

.owl-carousel .item.vor-lazy {
	background-color: transparent; 
	background: green url(../js/lazy_load/img/loader_balken.gif) no-repeat center center;
}
*/

/* /// item BG IMG /// */

/* DIV + BG mit LazyLoad */

.owl-carousel .item.bg.owl-lazy  {
	background-color: transparent; 
	background: #444 no-repeat center center;
	background-image: none;
	
	cursor: ew-resize;
	cursor: url(../img/dragger_h.png), auto;
}

.owl-carousel .item.bg, .owl-carousel .item.bg.owl-lazy.lazy_loaded {
	position: relative;
	display: block;
	width: 100%;
	height: auto; /* per JS */	
	max-height: 100%;
	
	margin: 0;
	padding: 0;

	background: no-repeat center center scroll; 
	background-color: #333;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	/* background-size: contain; */
	background-size: cover;

}
.owl-carousel .item.bg:before { 
	content: "";
	display: block;
	padding: 0;
	margin: 0;
	padding-top: 50%; /* HEIGHT */
}

/* Media Queries */

/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
	.owl-carousel .item.bg:before {
		padding-top: 60%;
	}
}
@media only screen and (max-width : 768px) {
	.owl-carousel .item.bg:before {
		padding-top: 80%;
	}
}
@media only screen and (max-width : 568px) {
	.owl-carousel .item.bg:before {
		padding-top: 90%;
	}
}
@media only screen and (max-width : 320px) {
	.owl-carousel .item.bg:before {
		padding-top: 90%;
	}
}


/* // Mit Caption // */
.owl-carousel h2.caption, .owl-carousel p.caption {	
	position: absolute;
	left: 0px;
	bottom: -10px;
	display: block;
	width: 100%;
	font-size: 1.0em !important;
	line-height: 1.1em !important;
	padding: 4px 6px;
	color: #FFF;
	background-color: #333;
	background-color: rgba(0,0,0,0.5);
}