/**
 * So geht's, wenn man IE 10 und 11 gleichzeitig ansprechen will.
 **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .ie-switch.video-container.d-none.d-sm-block {
        display: none !important;
    }

    .ie-switch.carousel-container.d-block.d-sm-none {
        display: block !important;
    }

    .card.slider-card .item.carousel-item {
        height: 193px;
    }
    .card.slider-card .carousel {
        border-bottom:0;
        padding-bottom:5px;
        background-color: #000000;
    }
    .card.slider-card:hover .carousel {
        border-bottom:0;
        padding-bottom:5px;
        background-color: #d1ec51;
    }

    #SubpageSubnaviLeft .slick-slide .slick-item .card,
    #SubpageSubnaviRight .slick-slide .slick-item .card {
        /*width: 314px;*/
        width: auto;
    }

    #SubpageSubnaviLeft .card.slider-card .carousel-item.item,
    #SubpageSubnaviRight .card.slider-card .carousel-item.item {
    }

    .f3-widget-paginator li.current,
    .f3-widget-paginator li a,
    .button {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    }

    .f3-widget-paginator li a:hover,
    .button:hover {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
    }
    img.fullwidth {
        height:auto;
    }

/*  .card.teaser-card figure{
        height:auto !important;
    }*/
    .card.teaser-card {
        display: block;
        /*statt flex*/
    }
}
@media screen and (max-width:1440px) and (-ms-high-contrast: active), (max-width:1440px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 187px;
    }
}
@media screen and (max-width:1420px) and (-ms-high-contrast: active), (max-width:1420px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 184px;
    }
}
@media screen and (max-width:1390px) and (-ms-high-contrast: active), (max-width:1390px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 181px;
    }
}
@media screen and (max-width:1360px) and (-ms-high-contrast: active), (max-width:1360px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 177px;
    }
}
@media screen and (max-width:1330px) and (-ms-high-contrast: active), (max-width:1330px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 170px;
    }
}
@media screen and (max-width:1300px) and (-ms-high-contrast: active), (max-width:1300px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 167px;
    }
}
@media screen and (max-width:1260px) and (-ms-high-contrast: active), (max-width:1260px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 162px;
    }
}
@media screen and (max-width:1220px) and (-ms-high-contrast: active), (max-width:1220px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 157px;
    }
}
@media screen and (max-width:1180px) and (-ms-high-contrast: active), (max-width:1180px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 152px;
    }
}
@media screen and (max-width:1140px) and (-ms-high-contrast: active), (max-width:1140px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 146px;
    }
}
@media screen and (max-width:1090px) and (-ms-high-contrast: active), (max-width:1090px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 139px;
    }
}
@media screen and (max-width:1030px) and (-ms-high-contrast: active), (max-width:1030px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 131px;
    }
}
@media screen and (max-width:970px) and (-ms-high-contrast: active), (max-width:970px) and (-ms-high-contrast: none) {
    .card.slider-card .item.carousel-item {
        height: 125px;
    }
}