@font-face {
    font-family: 'BVBCopy-Bold';
    src: url('../fonts/DIN_R/BVBCopy-Bold.ttf') format('truetype'),
         url('../fonts/DIN_R/BVBCopy-Bold.woff') format('woff'),
         url('../fonts/DIN_R/BVBCopy-Bold.woff2') format('woff2'),
         url('../fonts/DIN_R/BVBCopy-Bold.otf') format('otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BVBCopy-Regular';
    src: url('../fonts/DIN_R/BVBCopy-Regular.ttf') format('truetype'),
    url('../fonts/DIN_R/BVBCopy-Regular.woff') format('woff'),
    url('../fonts/DIN_R/BVBCopy-Regular.woff2') format('woff2'),
    url('../fonts/DIN_R/BVBCopy-Regular.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BVBCopy-ExtraBold';
    src: url('../fonts/DIN_R/BVBCopy-ExtraBold.ttf') format('truetype'),
    url('../fonts/DIN_R/BVBCopy-ExtraBold.woff') format('woff'),
    url('../fonts/DIN_R/BVBCopy-ExtraBold.woff2') format('woff2'),
    url('../fonts/DIN_R/BVBCopy-ExtraBold.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BVBIntensity-FunctionalCompressed';
    src: url('../fonts/DIN_R/BVBIntensity-FunctionalCompressed.ttf') format('truetype'),
         url('../fonts/DIN_R/BVBIntensity-FunctionalCompressed.woff') format('woff'),
         url('../fonts/DIN_R/BVBIntensity-FunctionalCompressed.woff2') format('woff2'),
         url('../fonts/DIN_R/BVBIntensity-FunctionalCompressed.otf') format('otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BVBIntensity-ExpressiveCompressed';
    src: url('../fonts/DIN_R/BVBIntensity-ExpressiveCompressed.ttf') format('truetype'),
    url('../fonts/DIN_R/BVBIntensity-ExpressiveCompressed.woff') format('woff'),
    url('../fonts/DIN_R/BVBIntensity-ExpressiveCompressed.woff2') format('woff2'),
    url('../fonts/DIN_R/BVBIntensity-ExpressiveCompressed.otf') format('otf');
    font-weight: bold;
    font-style: normal;
}

.skew { margin-top:-2px;
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);}
.invert-skew { overflow:visible;
    -webkit-transform: skewY(0deg);
    -moz-transform: skewY(0deg);
    -ms-transform: skewY(0deg);
    transform: skewY(0deg);}

footer > div:first-child:before,
.rotate {
    -webkit-transform: rotate(0deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(0deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(0deg);  /* IE 9 */
    -o-transform: rotate(0deg);  /* Opera 10.50-12.00 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */

    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;

}


.no-js .stage img,
.related-content,
#dl-menu .color-switch,
.rotate .invert-rotate {
    -webkit-transform: rotate(0deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(0deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(0deg);  /* IE 9 */
    -o-transform: rotate(0deg);  /* Opera 10.50-12.00 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */

    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;

}

.wrap-stage .stage-preview.rebrush-preview, .stage + .prev-next-navigation {
    top: 10%;
}

.bvb-total {
    padding: 0% 0 0.1%;
}

.bvb-total .skew-cover, .bvb-total .skew-cover-top {
    margin-top: 0;
}

.bvbtotalimage img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.bvb-total a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#slider-stage .skew-cover {
    margin-top: 0;
    margin-bottom: 0;
}

.wrap-stage {
    margin-top: 0;
}

body > header div.rotate-fullsize {
    margin-top: -60px;
    padding-top: 2.5%;
}

body > header .size-wrap.main {
    height: 148px;
}

#menu-main {
    top: 54px;
}

h1, h2, h3, h4, h5, h6, .render-h4, .render-h1 {
    font-family: 'BVBCopy-ExtraBold';
}

h1, .render-h1 {
    font-size: 46px;
}

#menu-main a {
    font-size: 20px;
    font-family: 'BVBCopy-Bold';
    text-transform: unset;
}

.btn, .sub .nav-additional ul a, .date, .news-date, .pager-menu li > *, .category-menu li > *, .sticky-header, .submenu-wrap section .text h5, .matches-small b, .champion-partner-toggle li, .submenumannschaften, .box.soccer-matches b, .newsletter-text p, .ad-row-content .h-big p {
    font-family: 'BVBCopy-Bold';
}

.date {
    padding-left: 12px !important;
}

.h-centered, .h-big, h2.underline {
    font-family: 'BVBIntensity-FunctionalCompressed';
}

h2.underline {
    font-size: 2.5rem;
}

.text.abstract p, .box .head {
    font-family: 'BVBCopy-ExtraBold', serif;
}

p, .text p, table, .text li{
    font-family: 'BVBCopy-Regular', serif;
}

.news-teaser strong, p, .text p, table, .text li input, select, textarea, .smallnewsletter form div label, .box.soccer-matches p, .newsletter-additional-text p {
    font-family: 'BVBCopy-Regular', serif;
}

.rebrush-stage article > * > header h3 span {
    font-family: 'BVBIntensity-ExpressiveCompressed';
}

.news-date {
    width: 120px;
}

.submenu-wrap {
    top: 0px;
}

.stage h2 {
    font-family: 'BVBCopy-ExtraBold', serif;
}

.related-content .text blockquote, .related-content .text p {
    font-size: 12px;
}
.related-content .social-media-feed .author, .related-content .text *, input, select, textarea {
    font-family: 'BVBCopy-Regular';
}

#bvb-meta-bar .meta-bar__items > a > * {
    font-family: 'BVBCopy-Bold';
    font-size: 13px;
}

body {
    font: 14px/1.5em 'BVBCopy-Bold', Arial, Helvetica, serif;
}

.rebrush-stage header .invert-rotate, .rebrush-stage article > * > header span {
    padding: 0 12px;
}

@media screen and (max-width: 1799px) {
    .stage h3 {
        line-height: 1.575em;
    }
    .stage h2 {
        line-height: 1.4em;
        font-size: 36px;
    }
}

#menu-main li.act {
    background: none;
}

.stage article > * > header * {
    text-transform: unset;
}

.cd-relaunch-logo {
    display: block !important;
    width: 60px !important;
    left: 115px;
    top: 14px;
}

.alogo, .blogo {
    display: none !important;
}

.sub .nav-main ul a {
    font-size: 13px;
    font-family: 'BVBCopy-ExtraBold', serif;
}

.link-list .date {
    padding-left: 0 !important;
}

.copyright {
    display: none;
}

@media screen and (max-width: 460px) {
    footer .legal nav a {
        font-size: 15px;
    }
}

.newsletter-additional-text a {
    color: black;
    font-weight: bold;
}

@media screen and (max-width: 1023px) {
    a.moved {
        position: unset;
    }
    .dl-menuwrapper > .dl-submenu a, #menu-main li ul a, #menu-main li a {
        font-family: unset;
        font-size: 30px;
    }
    #menu-main.open {
        left: 0;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .dl-menuwrapper {
        padding-top: 85px;
    }

    body > header .size-wrap.main {
        height: 126px;
    }

    #dl-menu button {
        top: 57px;
    }
}

@media screen and (max-width: 1030px) {
    .stage h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 860px) {
    .stage h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 420px) {
    .stage h2 {
        font-size: 16px;
    }
}

@media screen and (max-width: 730px) {
    .ad-row-content h2, .ad-row-content .h-big {
        font-size: 6vw;
    }
}

@media screen and (min-width: 731px) {
    .ad-row-content h2, .ad-row-content .h-big {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 1100px) {
    .einsundeins_logo {
        left: 100px;
        top: 12px;
        width: 56px !important;
    }
}

@media screen and (max-width: 767px) {
    .einsundeins_logo {
        left: 80px;
        top: 8px;
        width: 50px !important;
    }
}

@media screen and (max-width: 620px) {
    .einsundeins_logo {
        left: 70px;
        top: 7px;
        width: 40px !important;
    }
}

@media screen and (max-width: 400px) {
    .einsundeins_logo {
        left: 60px;
        top: 6px;
        width: 36px !important;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1350px) {
    #menu-main {
        left: 190px;
        top: 62px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    #menu-main a {
        font-size: 17px;
    }
    #menu-main {
        left: 328px;
        top: 66px;
    }
}

@media screen and (min-width: 1210px) and (max-width: 1279px) {
    #menu-main {
        top: 62px;
        left: 394px;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1209px) {
    #menu-main {
        top: 66px;
        left: 350px;
    }

    #menu-main a {
        font-size: 18px;
    }
}

@media screen and (min-width: 1351px) and (max-width: 1509px) {
    #menu-main {
        top: 60px;
        left: 162px;
    }
}

p.subline, p.preline {
    font-size: 20px;
    font-family: 'BVBCopy-Bold';
}

@media screen and (max-width: 620px) {
    #dl-menu button {
        top: 57px;
    }
    body > header .size-wrap.main {
        height: 118px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #dl-menu button {
        top: 72px;
    }
    body > header .size-wrap.main {
        height: 156px;
    }
}

.news-teaser h1, .teaser h1 {
    font-size: 12px;
}

.matches-teasers.skew.bg-white h3 {
    font-family: BVBCopy-ExtraBold;
}

.sky1 h3 {
    font-family: BVBCopy-bold !important;
}

.subrow .main-img {
    padding: 0;
}
