/* 
 *  Created on : 03.02.2017, 10:22:05
 *  @copyright : Samet Tarim
 *  @author    : Samet Tarim
 *  @link      : http://www.samet-tarim.de/
 */
.swiper {

    background-color: #f3f3f3;

    .swiper-container {

        h4 {

            margin: 1em 0;
        }

        .swiper-wrapper {

            .swiper-slide {

                height: 220px;
                background-color: #fff;

                @media only screen and (min-width: 320px) {

                    height: 280px;
                }

                @media only screen and (min-width: 340px) {

                    height: 320px;
                }

                @media only screen and (min-width: 420px) {

                    height: 340px;
                }

                @media only screen and (min-width: 460px) {

                    height: 280px;
                }

                @media only screen and (min-width: 550px) {

                    height: 300px;
                }

                @media only screen and (min-width: 640px) {

                    height: 320px;
                }

                @media only screen and (min-width: 768px) {

                    height: 360px;
                }

                @media only screen and (min-width: 900px) {

                    height: 340px;
                }

                @media only screen and (min-width: 1000px) {

                    height: 360px;
                }

                @media only screen and (min-width: 1100px) {

                    height: 370px;
                }

                @media only screen and (min-width: 1200px) {

                    height: 380px;
                }

                @media only screen and (min-width: 1400px) {

                    height: 400px;
                }

                @media only screen and (min-width: 1600px) {

                    height: 440px;
                }

                a {

                    text-decoration: none;
                }

                .item-highlight {

                    background-color: #FFF999;

                    &-link {

                        color: #FF5500;

                        &:after {

                            border: solid currentColor;
                            border-width: 0 .1em .1em 0;
                            color: #FF5500;
                        }
                    }
                }

                .image-overlay {

                }

                .item-image {

                    img {

                    }
                }

                .item-title {

                    color: fade(#000000, 64%);
                    .font-size(14px, 15px, 17px, 20px, 24px, 24px);
                    .line-height(18px, 19px, 22px, 26px, 32px, 32px);
                    font-family: 'DINNextRdforYelloW04', Helvetica, Arial;
                    font-weight: 700;
                }

                .item-description {

                }
            }
        }
    }

    .swiper-button-prev {

        left: 0;
        .transform(rotate(-180deg));
        background-size: 13px 22px;
        background-image: url('../img/svg/relatedPfeil_r.svg');
    }

    .swiper-button-next {

        right: 0;
        background-size: 13px 22px;
        background-image: url('../img/svg/relatedPfeil_r.svg');
    }
}