/*! http://responsiveslides.com v1.53 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
 /* Aus der demo.css*/
 
/* löschen weil doppelt:
	.rslides {
  margin: 0 auto 40px;
  }*/

.callbacks_container {
	margin-bottom: 1%;
	position: relative;
	float: left;
	width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 0.7em;
	text-shadow: none;
	color: #000;
	background: #fff;
	background: rgba(255,255,255,.5);
	left: 0;
	/*right: 0;*/
	bottom: 0;
	/*padding: 10px 20px;*/
	margin: 0 !important;
	width: 100%;
	text-align: center;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/pfeile.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

@media screen and (min-width:481px) {
.callbacks .caption {
	display: none;
  }

.callbacks_nav {
	display: none;
  }
}
  
@media screen and (min-width:769px) {
.callbacks .caption {
	display: inherit;
  }

.callbacks_nav {
	display: inherit;
  }
}

@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
