/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

@media (min-width: 481px) and (max-width: 1023px) {
	#slider .bx-wrapper .bx-prev {
		left: 15px;
	}

	#slider .bx-wrapper .bx-controls-direction a {
		 display: none
	}

	#slider .bx-wrapper:hover .bx-controls-direction a {
		top: 45% !important; display: block
	}
}

@media (max-width: 480px) {
	#slider .bx-wrapper .bx-controls-direction a {
		top: 30% !important; display: block
	}
}


/** THEME
===================================*/

.bx-wrapper {
  border: 0;
  -moz-box-shadow: 0 0 0 #ccc;
  -webkit-box-shadow: 0 0 0 #ccc;
  box-shadow: 0 0 0 #ccc;
  background: #fff;
  height: 100%;
  margin: 0 auto 0;
}

/* LOADER */

/* PAGER */

.bx-wrapper .bx-controls.bx-has-pager {
  display: flex;
  flex-flow: row;
  width: 100%;
  justify-content: space-around;
}

#karussell .bx-wrapper .bx-controls .bx-pager { display: none; }

/* DIRECTION CONTROLS (NEXT / PREV) */

#karussell .bx-wrapper .bx-prev,
#karussell .bx-wrapper .bx-next {
	/* opacity: 0.8; */
	/* transition: opacity 0.3s; */
	/*-moz-border-radius: 50%;*/
	/* -webkit-border-radius: 50%; */
	/* border-radius: 50%; */
	/* background-color: #EBFDC3  !important; */
	/* border: 4px solid #EBFDC3; */
}

#karussell .bx-wrapper:hover .bx-prev,
#karussell .bx-wrapper:hover .bx-next {
	opacity: 1;	
	transition: opacity 0.3s;
}

#karussell .bx-wrapper .bx-prev {
	background: url(/city_data/assets/6/bxslider/images/Pfeil_links.svg);
	margin-left: -60px;
	width: 32px;
    background-size: contain;
    height: 32px;
}

#karussell .bx-wrapper .bx-next {
	background: url(/city_data/assets/6/bxslider/images/Pfeil_rechts.svg);
	margin-right: -60px;
	width: 32px;
    background-size: contain;
    height: 32px;
}

#karussell .bx-wrapper .bx-next:hover,
#karussell .bx-wrapper .bx-next:focus {}

#karussell .bx-wrapper .bx-prev:focus,
#karussell .bx-wrapper .bx-prev:hover {}

@media (min-width: 768px) and (max-width: 1023px) {
	#karussell .bx-wrapper .bx-controls-direction {
		opacity: 0;
		transition: all 0.3s;
	}

	#karussell .bx-wrapper:hover .bx-controls-direction {
		opacity: 1;
		transition: all 0.3s;
	}

	#karussell .bx-wrapper .bx-prev,
	#karussell .bx-wrapper .bx-next {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	#karussell .bx-wrapper .bx-controls-direction {
		opacity: 0;
		transition: all 0.3s;
	}

	#karussell .bx-wrapper:hover .bx-controls-direction {
		opacity: 1;
		transition: all 0.3s;
	}

	#karussell .bx-wrapper .bx-prev,
	#karussell .bx-wrapper .bx-next {
		margin-left: 0;
		margin-right: 0;
	}
}
/* AUTO CONTROLS (START / STOP) */

#slider .bx-wrapper .bx-controls-auto {
	text-align: center;
}

#slider .bx-wrapper .bx-controls-auto .bx-start {
	background: url(/city_data/assets/6/bxslider/images/controls.png) -86px -11px no-repeat;
}

#slider .bx-wrapper .bx-controls-auto .bx-start:hover,
#slider .bx-wrapper .bx-controls-auto .bx-start.active,
#slider .bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}

#slider .bx-wrapper .bx-controls-auto .bx-stop {
	background: url(/city_data/assets/6/bxslider/images/controls.png) -86px -44px no-repeat;
}

#slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
#slider .bx-wrapper .bx-controls-auto .bx-stop.active {}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {}

#slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {}

/* IMAGE CAPTIONS */

#slider .bx-wrapper .bx-caption {}

#slider .bx-wrapper .bx-caption span {}