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

.startpageSwiper.hideSwiper {
    display: none;
}

.startpageSwiper .swiper-slide .slideImageWrapper {
    width: 100%;
    overflow: hidden;
}

.startpageSwiper .swiper-slide img {
    display: block;
    object-fit: contain;
}

.startpageSwiper .arrow-left {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    font-size: 2em;
    z-index: 500;
}

.startpageSwiper .arrow-right {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 2em;
    margin-top: -15px;
    z-index: 500;
}

@media (min-width: 768px) {
    .startpageSwiper .arrow-left,
    .startpageSwiper .arrow-right {
        font-size:3.5em; }
}

.channelSlider {
    max-height: 400px;
}

.channelSlider .slider {
    display: flex;
    width: 100%;
    align-items: center;
    max-height: 400px;
}

.channelSlider .swiper-container {
    max-height: 400px;
    min-width: 0;
    overflow: hidden;
    margin-left: 5%;
    margin-right: 5%;
}

.channelSlider .slider .arrow-left {
    font-size: 3em;
    z-index: 200;
}

.channelSlider .slider .arrow-right {
    font-size: 3em;
    z-index: 200;
}

.channelSlider .content-slide {
    padding: 20px;
}

.channelSlider .icon-chevron-left::before {
    color: #aebcd0;
}

.channelSlider .mediaThumb {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.channelSlider a:focus {
    color: #3f68a2;
    outline: 2px solid #3b6297;
    outline-offset: 2px;
}

.channelSlider a:focus i:before {
    color: #3f68a2;
}

.channelSlider a:focus .hasPrice i:before {
    color: #fff;
}

.channelSlider a:focus .icon-plus:before {
    color: #fff;
}

[class^="view"] .mediaSlider {
    margin: 32px 0;
    max-height: 220px;
}

[class^="view"] .mediaSlider #slider {
    position: relative;
    height: 220px;
    max-height: 220px;
}

[class^="view"] .mediaSlider .swiper-container {
    height: 220px;
    max-height: 220px;
    overflow: hidden;
    margin-left: 5%;
    margin-right: 5%;
}

[class^="view"] .mediaSlider .content-slide {
    max-height: 220px;
    overflow: hidden;
}

[class^="view"] .mediaSlider .arrow-left {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 2.5em;
    z-index: 200;
}

[class^="view"] .mediaSlider .arrow-right {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 2.5em;
    z-index: 200;
}

[class^="view"] .mediaSlider .content-slide {
    width: 169px;
}

[class^="view"] .mediaSlider .title {
    display: block;
    overflow: hidden;
}