.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 #fff;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    /* width: 100%;*/
    padding: 18px 55px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    height: 300px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 235px;
    height: 300px;
}


.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 15px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-control-next {
    position: absolute;
    top: 105px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal,
.jcarousel-control-prev {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.js-no-touch .jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.js-no-touch .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.js-no-touch .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarouselcontrol-prev.inactive,
.jcarousel-control-prev.inactive {
    cursor: default;
    background-position: -95px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-control-prev {
    position: absolute;
    top: 105px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal,
.jcarousel-control-next {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.js-no-touch .jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.js-no-touch .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.js-no-touch .jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.js-no-touch .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active,
.jcarouselcontrol-next.inactive,
.jcarousel-control-next.inactive {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.js-no-touch .jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.js-no-touch .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* eigene Skins */
.jcarousel-skin-tango  span{
    display:block;
    line-height: 1.5em !important
}


@media only screen and (max-width:768px){
    .jcarousel-skin-tango .jcarousel-item,.jcarousel-skin-tango .jcarousel-clip-horizontal{
        height:360px;
    }
}

@media only screen and (min-width:769px) and (max-width:1024px){
    .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: 86%;
        padding: 18px 55px;
    }
}

@media only screen and (max-width:320px){
    .jcarousel-skin-tango{
        width: 100%;
    }
    .jcarousel-skin-tango li {
        float: left;
        width: 100px;
    }
}

.jcarousel-wrapper {
    padding:18px 55px;
    position: relative;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

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

.jcarousel li {
    width: 200px;
    padding:0 10px 0 5px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel li img {
    max-width:100%;
}


.jcarousel-control-prev,
.jcarouselcontrol-prev,
.jcarouselcontrol-next,
.jcarousel-control-next{
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    top: 70px;
    margin-top: 0;
}
.jcarousel-control-prev,
.jcarouselcontrol-prev,
.jcarouselcontrol-prev.inactive,
.jcarousel-control-prev.inactive {
    left: 10px;
    background: url(../../images/arrow-left-big.png) no-repeat 0 0;
}
.js-no-touch .jcarouselcontrol-prev:hover,
.js-no-touch .jcarousel-control-prev:hover{
    background: url(../../images/arrow-left-big.png) no-repeat 0 -24px;
}


.jcarousel-control-next,
.jcarouselcontrol-next,
.jcarouselcontrol-next.inactive,
.jcarousel-control-next.inactive {
    right: 10px;
    background: url(../../images/arrow-right-big.png) no-repeat 0 0;
}

.js-no-touch .jcarouselcontrol-next:hover,
.js-no-touch .jcarousel-control-next:hover{
    background: url(../../images/arrow-right-big.png) no-repeat 0 -24px;
}

.jcarousel-control-prev.inactive,
.jcarouselcontrol-prev.inactive,
.jcarouselcontrol-next.inactive,
.jcarousel-control-next.inactive{
    opacity: 0.1;
}
.js-no-touch .jcarouselcontrol-prev.inactive:hover,
.js-no-touch .jcarousel-control-prev.inactive:hover,
.js-no-touch .jcarouselcontrol-next.inactive:hover,
.js-no-touch .jcarousel-control-next.inactive:hover{
    background-position: 0 0;
}


@media only screen and (max-width:1100px){
    .jcarousel-control-prev,
    .jcarouselcontrol-prev,
    .jcarouselcontrol-next,
    .jcarousel-control-next{
        top: 70px;
    }
}
@media only screen and (max-width:768px){
    .jcarousel-control-prev,
    .jcarouselcontrol-prev,
    .jcarouselcontrol-next,
    .jcarousel-control-next{
        top: 57px;
    }
}
@media only screen and (max-width:320px){
    .jcarousel-control-prev,
    .jcarouselcontrol-prev,
    .jcarouselcontrol-next,
    .jcarousel-control-next{
        top: 50px;
    }
}