/*///////////////////////////////////////////////////////
// Video Header Digital
//////////////////////////////////////////////////////*/
.mediaTeaser {
    padding-left: 0;
    padding-right: 0;
}
.mediaTeaser > .innerWrap {
    background: #333333;
    position: relative;
    min-height: 650px;
    max-width: 100%;
    overflow: hidden;
}
.mediaTeaser.smallHeader > .innerWrap {
    position: relative;
    min-height: 400px;
}
.headerBg, .headerBgMobile {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 10;
}
.mediaTeaser[data-valign="top"] .headerBg, .mediaTeaser[data-valign="top"] .headerBgMobile {
    background-position: center top;
}
.mediaTeaser[data-valign="center"] .headerBg, .mediaTeaser[data-valign="center"] .headerBgMobile {
    background-position: center center;
}
.mediaTeaser[data-valign="bottom"] .headerBg, .mediaTeaser[data-valign="bottom"] .headerBgMobile {
    background-position: center bottom;
}
.headerBgMobile {
    display: none;
}
.mediaTeaser.opac40 .headerBg, .mediaTeaser.opac40 .videoWrap, .mediaTeaser.opac40 .headerBgMobile {
    opacity: 0.4;
}
.pathMenuTop {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 50;
}
.pathMenuTop .innerWrap {
    max-width: none;
}
.pathMenuTop .pathLink {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 30;
    text-indent: -999em;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -20px;
    -webkit-transition: color 250ms;
    -moz-transition: color 250ms;
    -o-transition: color 250ms;
    transition: color 250ms;
    text-indent: -999em !important;
}
.pathMenuTop .prevPage {
    background: url('../../elvi_b2b/images/digital/icon_back_arrow.svg') no-repeat center center / 25px 20px #ffffff;
    left: 30px;
}
.pathMenuTop .nextPage {
    background: url('../../elvi_b2b/images/digital/icon_next_arrow.svg') no-repeat center center / 25px 20px #ffffff;
    right: 30px;
}
.pathMenuTop .prevPage:hover {
    background: url('../../elvi_b2b/images/digital/icon_back_arrow_blue.svg') no-repeat center center / 25px 20px #ffffff;
}
.pathMenuTop .nextPage:hover {
    background: url('../../elvi_b2b/images/digital/icon_next_arrow_blue.svg') no-repeat center center / 25px 20px #ffffff;
}
.videoWrap {
    position: relative;
    background: transparent;
    pointer-events: none;
}
.ytplayer-container {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.videoBgHead {
    opacity: 0.4;
    object-fit: cover;
    object-position: 50% 0;
}
.videoWrap video, .videoWrap source, .videoBgHead {
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mediaTeaser[data-valign="top"] .videoBgHead {
    top: 0;
}
.mediaTeaser[data-valign="center"] .videoBgHead {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mediaTeaser[data-valign="bottom"] .videoBgHead {
    bottom: 0;
}
.mediaTeaserHeadline {
    position: absolute;
    max-width: 940px;
    margin: 0;
    padding: 0 80px;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    z-index: 20;
}
.mediaTeaserHeadline > * {
    font-family: "DIN", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 60px;
    line-height: 1em;
    margin: 0;
}
.mediaTeaser .tabContainer {
    position: absolute;
    z-index: 30;
    width: 100%;
    max-width: 940px;
    padding: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}
.mediaTeaser .tabContainer.scrollTabs {
    padding: 0px 60px;
}
.tabContainer .nicescroll-rails {
    display: none !important;
}
.mediaTeaser .tabContainer.fixed {
    width: auto;
    max-width: inherit;
    -webkit-transform: none;
    transform: none;
    overflow: hidden;
}
.tabMenu .slick-list {
    overflow: visible;
}
.mediaTeaser ul.tabMenu {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.mediaTeaser .tabContainer.scrollTabs ul.tabMenu {
    overflow-x: scroll;
    overflow-y: hidden;
}
ul.tabMenu li {
    float: left;
    list-style: none;
    padding-right: 10px;
    white-space: nowrap;
}
ul.tabMenu li:last-child {
    padding-right: 0;
}
ul.tabMenu li a {
    display: block;
    padding: 15px 70px;
    font-size: 32px;
    font-family: "DIN", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
ul.tabMenu li:not(.themeColor) a, ul.tabMenu li:not(.themeColor) a:focus {
    color: #FFFFFF;
}
ul.tabMenu li a:focus {
    color: inherit;
}
ul.tabMenu li.overflown {
    opacity: 0.6;
}
ul.tabMenu li.active a {
    background: #ffffff;
}
.tabSlidePrev, .tabSlideNext {
    position: absolute;
    display: none;
    top: 50%;
    width: 40px;
    height: 30px;
    background-repeat: no-repeat;
    -webkit-background-size: 40px 30px;
    background-size: 40px 30px;
    z-index: 20;
    cursor: pointer;
    margin-top: -15px;
}
.tabSlidePrev {
    display: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 33.7 23.1' style='enable-background:new 0 0 33.7 23.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} %3C/style%3E%3Cg%3E%3Crect x='-1.7' y='5.5' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -2.6847 6.5)' class='st0' width='16.4' height='2'/%3E%3C/g%3E%3Cg%3E%3Crect x='1.8' y='10.6' class='st0' width='31.9' height='2'/%3E%3C/g%3E%3Cg%3E%3Crect x='5.8' y='9.3' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -10.0438 9.8121)' class='st0' width='2' height='15.4'/%3E%3C/g%3E%3C/svg%3E");
    left: 10px;
}
.tabSlideNext {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 33.7 23.1' style='enable-background:new 0 0 33.7 23.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23FFFFFF;} %3C/style%3E%3Cg%3E%3Crect x='19' y='15.7' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.823 24.1124)' class='st0' width='16.4' height='2'/%3E%3C/g%3E%3Cg%3E%3Crect x='0' y='10.6' class='st0' width='31.9' height='2'/%3E%3C/g%3E%3Cg%3E%3Crect x='25.9' y='-1.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 3.5376 20.8335)' class='st0' width='2' height='15.4'/%3E%3C/g%3E%3C/svg%3E");
    right: 10px;
}

@media (max-width: 1024px) {
    .mediaTeaser > .innerWrap {
        min-height: 500px;
    }
}
@media (max-width: 860px) {
    .pathMenuTop {
        top: auto;
        bottom: 60px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .mediaTeaserHeadline {
        padding: 0 40px;
    }
}
@media (max-width: 768px) {
    ul.tabMenu li a {
        font-size: 28px;
    }
    .headerBg {
        display: none;
    }
    .headerBgMobile {
        display: block;
    }
}
@media (max-width: 680px) {
    .mediaTeaser > .innerWrap {
        min-height: 300px;
    }
    .mediaTeaserHeadline > * {
        font-size: 45px;
    }
}
@media (max-width: 560px) {
    .mediaTeaser .tabContainer.scrollTabs {
        padding: 0px 40px;
    }
    ul.tabMenu li a {
        font-size: 20px;
        padding: 10px 20px;
    }
    .tabSlidePrev, .tabSlideNext {
        width: 28px;
        height: 18px;
        -webkit-background-size: 28px 18px;
        background-size: 28px 18px;
        margin-top: -9px;
    }
    .pathMenuTop .prevPage {
        left: 20px;
    }
    .pathMenuTop .nextPage {
        right: 20px;
    }
}
@media (max-width: 460px) {
    .mediaTeaser > .innerWrap {
        min-height: 340px;
    }
    .mediaTeaserHeadline {
        padding: 0px 20px;
    }
    .mediaTeaserHeadline br {
        display: none;
    }
}

