@font-face {
  font-family: 'SternSoftPressPro';
  src: url('/stern/teaser/fonts/sternsoftpresspro-webfont.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SternMetric';
  src: url('/stern/teaser/fonts/sternmetric-regular-webfont.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SternMetric';
  src: url('/stern/teaser/fonts/sternmetric-medium-webfont.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SternMetric';
  src: url('/stern/teaser/fonts/sternmetric-semibold-webfont.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SternMetric';
  src: url('/stern/teaser/fonts/sternmetric-bold-webfont.woff') format('woff'); /* Pretty Modern Browsers */
  font-weight: 700;
  font-style: normal;
}

body {
    font-family: 'SternMetric','Helvetica Neue',Helvetica,Arial,sans-serif;
    letter-spacing: 3px;
    line-height: 20px;
    color: #000;
    margin: 0;
    padding: 0;
}

div.division_title {
    border-bottom: solid 4px #000;
    float: left;
    font-size: 16px;
    font-weight: 700;
    height: 22px;
    letter-spacing: 0.03em;
    line-height: 22px;
    margin-left: 0;
    text-transform: uppercase;
    width: 60%;
}
div.division_title.title_left {
    text-align: left;
}
div.division_title.title_center {
    text-align: center;
}

div.title_link {
    border-bottom: solid 4px #000;
    float: right;
    height: 22px;
    line-height: 22px;
    text-align: right;
    width: 40%;
}
    div.title_link a {
        color: #000;
        font-size: 10px;
        letter-spacing: 0.5px;
        line-height: 22px;
        text-decoration: none;
    }

div#sternBannerwidget {
    border-bottom: solid 1px #ccc;
    border-top: none;
    clear: both;
    height: 45px;
}

/** NEU swiper: */
div.swiper-container {
    height: 45px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 96%;
}
    div#sternBannerwidget div.swiper-slide {
        background: #fff;
        border-right: solid 1px #ccc;
        cursor: hand;
        cursor: pointer;
        height: 45px;
        padding-top: 0;
        text-align: center;
        width: auto;
    }
    div#sternBannerwidget div.swiper-slide:last-child {
        border-right: none;
    }
    div#sternBannerwidget div#swipe-active {

    }
        div#sternBannerwidget div.swiper-slide div.home {
            float: left;
            height: 45px;
            width: 26.5%;
        }
            div#sternBannerwidget div.swiper-slide div.home div.logo {
                height: 30px;
                padding-left: 5px;
                text-align: center;
            }
                div#sternBannerwidget div.swiper-slide div.home div.logo img {
                    height: 20px;
                    margin-top: 8px;
                    width: auto;
                }
            div#sternBannerwidget div.swiper-slide div.home div.teamname {
                clear: both;
                font-size: 10px;
                height: 15px;
                letter-spacing: 0.5px;
                line-height: 15px;
                overflow: hidden;
                padding-left: 5px;
                text-align: center;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%;
            }
        div#sternBannerwidget div.swiper-slide div.score {
            float: left;
            font-size: 20px;
            font-weight: 700;
            height: 45px;
            line-height: 45px;
            margin-top: 0px;
            text-align: center;
            width: 46%;
        }
            div#sternBannerwidget div.swiper-slide div.score span { /* on */
                color: #000;
            }
            div#sternBannerwidget div.swiper-slide div.score span.score-after {
                color: #000;
            }
            div#sternBannerwidget div.swiper-slide div.score span.score-before {
                color: #000;
                text-align: center;
                text-overflow: hidden;
                white-space: wrap;
            }
            div#sternBannerwidget div.swiper-slide div.score span.score-live {
                color: #c00;
            }
                div#sternBannerwidget div.swiper-slide div.score span.score-live span.highlight {
                    color: #c00;
                }

        div#sternBannerwidget div.swiper-slide div.away {
            float: left;
            height: 45px;
            width: 26.5%;
        }
            div#sternBannerwidget div.swiper-slide div.away div.logo {
                height: 30px;
                padding-right: 5px;
                text-align: center;
            }
                div#sternBannerwidget div.swiper-slide div.away div.logo img {
                    height: 20px;
                    margin-top: 8px;
                    width: auto;
                }
            div#sternBannerwidget div.swiper-slide div.away div.teamname {
                clear: both;
                font-size: 10px;
                height: 15px;
                letter-spacing: 0.5px;
                line-height: 15px;
                overflow: hidden;
                padding-right: 5px;
                text-align: center;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%;
            }
            .stickyLeftArrow {
                background-color: #fff;
                background-image: url(/stern/banner-widget/images/arrow_white.png);
                background-size: 8px auto;
                background-repeat: no-repeat;
                background-position: center center;
                border-top: solid 1px #ccc;
                border-bottom: none;
                float: left;
                height: 43px;
                left: 0px;
                position: absolute;
                top: 28px;
                transform: rotate(180deg);
                width: 2%;
            }
            .stickyRightArrow {
                background-color: #fff;
                background-image: url(/stern/banner-widget/images/arrow_white.png);
                background-size: 8px auto;
                background-repeat: no-repeat;
                background-position: center center;
                border-bottom: solid 1px #ccc;
                border-top: none;
                height: 43px;
                position: absolute;
                right: 0px;
                top: 28px;
                width: 2%;
            }
    .stickyLeftArrow:hover,
    .stickyRightArrow:hover {
        cursor: hand;
        cursor: pointer;
    }
    /** END NEU swiper: */
    div#sternBannerwidget div.border {
        background: #fff;
        float: left;
        height: 45px;
        width: 1%;
    }