.main-wrapper {
    position: relative;
    padding-bottom: 2em;
}

.main-wrapper .wrapper {
    display: inline-block;
    width: 85%;
    position: relative;
}

.main-wrapper .mySlides {
    animation: fading 10s infinite;
    position: relative;
}

.main-wrapper .mySlides img {
    width:100%;
}

.main-wrapper div.demo img{
    cursor:pointer;
    width:100%;
}

.main-wrapper div.w3-opacity img,
.main-wrapper div.w3-hover-opacity:hover img{
    opacity: 0.60;
}

.main-wrapper .thumbmails {
    width: 100%;
    position: absolute;
}

.main-wrapper .thumbmails div {
    width: 100%;
    height: 100%;
}

.main-wrapper .slides {
    margin-left: 0;
    width: 100%;
}


.main-wrapper img {
    vertical-align: middle;
    border-style: none;
}

.main-wrapper .img-text {
    text-align: center;
    font-family: myriadpro;
    font-size: 1em;
    margin-top: 30px;
}

.main-wrapper .nav-buttons {
    clear: both;
    position: absolute;
    top: 30%;
    right: 0;
    width: 5%;
}

.main-wrapper .nav-buttons button {
    display: block;
    width: 54px;
    height: 54px;
    border: 0;
    font-size: 0;
    cursor: pointer;
}

.main-wrapper .nav-buttons button.next {
    background: url(../../img/galerie/slider-right.png) no-repeat;
}

.main-wrapper .nav-buttons button.prev {
    margin-top: 20px;
    background: url(../../img/galerie/slider-left.png) no-repeat;
}