.image-gallery {
	background-size:100% auto;
	background:#616161 url(../img/key-visual.png) no-repeat 0 0;
}

.jcarousel-wrapper {
	margin: 0 auto 0 auto;
	position: relative;
}

/** Carousel **/

.jcarousel {
	position: relative;
	overflow: hidden;
	width: 94%;
    left:3%;
}

.jcarousel ul {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
}

.jcarousel li {
	padding-top:20px;
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.jcarousel li img {
    padding:18px 0 0;
    max-height:240px;
    margin: 0 auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jcarousel li img:hover {
	cursor:pointer;
}

.jcarousel-control-prev,
.jcarousel-control-next {
	display:block;
    position: absolute;
	top: 0;
    height: 100%;
    width: 80px;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

.jcarousel-control-prev {
    left: 20px;
	background:transparent url(../img/prev.png) no-repeat top 45% left 0;
}

.jcarousel-control-next {
    right: 20px;
	background:transparent url(../img/next.png) no-repeat top 45% left 0;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	cursor:pointer;
}

.jcarousel-control-next:hover {
	right:10px;
}

.jcarousel-control-prev:hover {
	left: 10px;
}

.jcarousel {
	left:0;
	width:100%;
}

.gallery-kontakt div {
    position:relative;
}

.gallery-kontakt h3 {
    position:absolute;
    bottom:15px;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    font-size:18px;
    letter-spacing: normal;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    display:inline-block;
    width:200px;
    text-align: center;
    left:50%;
    margin-left:-100px;
}

.jcarousel-pagination {
    display:none;
    position: absolute;
    bottom:20px;
    text-align: center;
    width:100%;
}

.jcarousel-pagination a,
.jcarousel-pagination .active {
    border: 1px solid #fff;
    display:inline-block;
    border-radius: 20px;
    height: 20px;
    margin: 5px;
    width: 20px;
    font-size: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    opacity:0.5;
    outline: none;
}

.jcarousel-pagination .active {
    background:#fff;
}

.jcarousel-pagination a:hover,
.jcarousel-pagination .active:hover {
    background:#fff;
    opacity:1;
}


@media (min-width: 992px) {

	.gallery-kontakt .jcarousel-control-prev,
	.gallery-kontakt .jcarousel-control-next {
		display:none;
	}

	.jcarousel li {
		padding-top:0;
	}

    .jcarousel li img {
        padding:0;
        max-height: none;
        height:auto;
    }

	.jcarousel-control-prev {
		left: 25px;
	}

	.jcarousel-control-next {
		right: 25px;
	}

    .gallery-kontakt h3 {
        left:auto;
        bottom:10px;
        right:45px;
        text-align: right;
    }

    .gallery-kontakt h3.streit {
        right:auto;
        left:60px;
    }

    .jcarousel-pagination {
        display:inline;
    }

}

@media (min-width: 1200px) {

}
