body {
    margin: 0px;
    padding: 0px;
    font-family: 'Crystal-Medium', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    color: #202020;
}

h1 {
    font-family: 'AntiqueOliveStd-BoldCond';
    font-size: 59px;
    line-height: 78px;
    font-weight: normal;
    text-transform: uppercase;
    color: #232323;
    margin: 0px;
    padding: 0px 0px 24px;
}

h2 {
    font-size: 22px;
    line-height: 33px;
    font-weight: normal;
    color: #232323;
    margin: 0px;
    padding: 0px 0px 24px;
}

h3 {
    font-size: 17px;
    line-height: 27px;
    color: #232323;
    margin: 0px;
    padding: 0px 0px 2px;
}

h4 {
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    color: #202020;
    padding: 0;
}

h5 {
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #202020;
    padding: 0;
}

h6 {
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #202020;
    padding: 0;
}

.teaserHeading {
    font-family: 'AntiqueOliveStd-BoldCond';
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 30px;
    line-height: 33px;
}

strong, b {
    font-weight: bold;
}

em {
    font-family: 'Crystal-Regular';
    font-size: 20px;
    line-height: 30px;
}

u {
    text-decoration: underline;
}

p {
    margin: 0px;
    padding: 0px 0px 28px;
}

/*a{ text-decoration:none; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}*/
ul, ol {
    margin: 0px;
    padding: 0px 0px 25px 0px;
}

ul li, ol li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

img {
    border: 0px;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

/*ul li span{ padding-right:16px;}*/
a {
    color: #fff;
}

a:hover {
    color: #ffd100;
}

/* innercontent == WYSIWYG-Content */
.innercontent > ul {
    padding-left: 36px;
}

.innercontent > ul li {
    position: relative;
}

.innercontent > ul li::before {
    content: '\2022';
    margin-left: -25px;
    position: absolute;
}

.innercontent > ol {
    padding-left: 36px;
}

.innercontent > ol li {
    position: relative;
    counter-increment: step-counter;
}

.innercontent > ol li::before {
    content: counter(step-counter);
    margin-left: -25px;
    position: absolute;
    font-weight: bold;
}

/* TODO:  :not(.noStyle) */
.content-inner a, a.default, .teaser-right-content a {
    display: inline;
    color: #232323;
    vertical-align: top;
    position: relative;
    z-index: 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    border-bottom: solid 2px #ffd100;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    /* z-index:-1; 2018-07-04/SSO: because the line will be over link-text... */
}

.content-inner a:hover, a.default:hover, .teaser-right-content a:hover {
    color: #232323;
}

.content-inner a.imgLink, .teaser-right-content a.imgLink {
    border-bottom: none;
}

.content-inner a.imgLink:hover, .teaser-right-content a.imgLink:hover {
    opacity: 0.6;
    border-bottom: none;
}

.content-inner a.imgLink img {
    vertical-align: top;
}

.noStyle::after, .dropdown-menu a {
    border-bottom: none;
}

.clickable {
    cursor: pointer;
}

.hero-match-top-hp img {
    max-height: 50px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clearfix {
    clear: both;
    overflow: hidden;
    height: 0;
}

.clear {
    clear: both;
}

.wrapper {
    margin: 0px auto;
}

/*.container{ width:1060px; margin:auto; padding:0px 0px;}*/
.container {
    width: 1200px;
    margin: auto;
    padding: 0px 0px;
}

.container.ads-rectangles {
    width: 100%;
    margin: 0;
}

.home-block-main .first-container {
    width: auto;
}

/*--------------- HEADER_START --------------*/
#header {
    background: #ffd100;
    display: flex;
    flex-direction: row;
    z-index: 1060;
}

#headerSicherung {
    background: #ffd100;
    width: 100px;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 1060;
}

.header-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.logo {
    grid-row: span 2;
    padding: 15px 0px 15px;
    margin: 0px;
    border-bottom: solid 1px #d6ae33;
    overflow: hidden;
    background: #ffd100;
    position: relative;
}

.logo img {
    height: 80px;
}

.navigation-main {
    margin: 0px;
    padding: 0px;
}

.navigation-lead.navbar > ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.navigation-lead.navbar > ul > li {
    margin: 0px;
    padding: 0px;
}

.navigation-lead.navbar > ul > li > a {
    padding: 16px 0px 0px;
    display: block;
    border-bottom: solid 1px #d6ae33;
    z-index: 200;
    position: relative;
    background: #ffd100;
}

.navigation-lead.navbar-nav > li {
    display: inline-block;
}

.menu-text-hp {
    margin: 0px 10px;
    padding: 2px 0px 0px;
    text-align: center;
    font-size: 42px;
    color: #191919;
    font-weight: 500;
}

.navigation-lead.navbar > ul > li > a:hover {
    background: #000;
}

.navigation-lead.navbar > ul > li > a:hover .menu-text-hp {
    color: #ffd100;
}

.navigation-lead.navbar > ul > li.active > a {
    background: #000;
}

.navigation-lead.navbar > ul > li.active > a .menu-text-hp {
    color: #ffd100;
}

.navigation-lead.jubilaeum-menu-icon-hp, .menu__link .jubilaeum-menu-icon-hp {
    background: url(../../images/2018/jubilaeum_menu_icon.svg) no-repeat center center;
    background-size: contain;
    width: 85px;
    height: 100%;
    margin: 0px auto;
}

.navigation-lead.navbar > ul > li > a:hover .jubilaeum-menu-icon-hp {
    background: url(../../images/2018/jubilaeum_menu_icon_yellow.svg) no-repeat center center;
    background-size: contain;
}

.navigation-lead.navbar > ul > li.active > a .jubilaeum-menu-icon-hp {
    background: url(../../images/2018/jubilaeum_menu_icon_yellow.svg) no-repeat center center;
    background-size: contain;
}

.navigation-lead.jubilaeum-menu-icon-hp-wrapper .menu-text-hp {
    display: none;
}

/* Blende Text aus, um nur das Icon anzuzeigen */
.navigation-lead.navbar > ul > li > a.jubilaeum-menu-icon-hp-wrapper {
    padding: 0px 0px 0px;
}

/* Entferne Padding-Top, damit Icon zentriert platziert werden kann */


.navigation-lead.sport-menu-icon-hp, .menu__link .sport-menu-icon-hp {
    width: 35px;
    margin: 0px auto;
}

/*
.navigation-lead.sport-menu-icon-hp, .menu__link .sport-menu-icon-hp{ background-size: contain; width:28px; height:28px; margin:0px auto;}
.navigation-lead.navbar > ul > li > a:hover .sport-menu-icon-hp{ background:url(../../images/2018/sport_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
.navigation-lead.navbar > ul > li.active > a .sport-menu-icon-hp{ background:url(../../images/2018/sport_menu_icon_yellow.png) no-repeat center center; background-size: contain;}


.navigation-lead.club-menu-icon-hp, .menu__link .club-menu-icon-hp{ background:url(../../images/2018/club_menu_icon.png) no-repeat center center; background-size: contain; width:28px; height:28px; margin:0px auto;}
.navigation-lead.navbar > ul > li > a:hover .club-menu-icon-hp{ background:url(../../images/2018/club_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
.navigation-lead.navbar > ul > li.active > a .club-menu-icon-hp{ background:url(../../images/2018/club_menu_icon_yellow.png) no-repeat center center; background-size: contain;}

.navigation-lead.tickets-menu-icon-hp, .menu__link .tickets-menu-icon-hp{ background:url(../../images/2018/tickets_menu_icon.png) no-repeat center center; background-size: contain; width:32px; height:28px; margin:0px auto;}
.navigation-lead.navbar > ul > li > a:hover .tickets-menu-icon-hp{ background:url(../../images/2018/tickets_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
.navigation-lead.navbar > ul > li.active > a .tickets-menu-icon-hp{ background:url(../../images/2018/tickets_menu_icon_yellow.png) no-repeat center center; background-size: contain;}

.navigation-lead.business-menu-icon-hp, .menu__link .business-menu-icon-hp{ background:url(../../images/2018/business_menu_icon.png) no-repeat center center; background-size: contain; width:28px; height:28px; margin:0px auto;}
.navigation-lead.navbar > ul > li > a:hover .business-menu-icon-hp{ background:url(../../images/2018/business_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
.navigation-lead.navbar > ul > li.active > a .business-menu-icon-hp{ background:url(../../images/2018/business_menu_icon_yellow.png) no-repeat center center; background-size: contain;}

.navigation-lead.fans-menu-icon-hp, .menu__link .fans-menu-icon-hp{ background:url(../../images/2018/fans_menu_icon.png) no-repeat center center; background-size: contain; width:28px; height:28px; margin:0px auto;}
.navigation-lead.navbar > ul > li > a:hover .fans-menu-icon-hp{ background:url(../../images/2018/fans_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
.navigation-lead.navbar > ul > li.active > a .fans-menu-icon-hp{ background:url(../../images/2018/fans_menu_icon_yellow.png) no-repeat center center; background-size: contain;}

.navigation-lead.kids-menu-icon-hp, .menu__link .kids-menu-icon-hp{ background:url(../../images/2018/kids_menu_icon.png) no-repeat center center; background-size: contain; width:32px; height:28px; margin:0px auto;}
.navigation-lead.navbar > ul > li > a:hover .kids-menu-icon-hp{ background:url(../../images/2018/kids_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
.navigation-lead.navbar > ul > li.active > a .kids-menu-icon-hp{ background:url(../../images/2018/kids_menu_icon_yellow.png) no-repeat center center; background-size: contain;}

.navigation-lead.shop-menu-icon-hp, .menu__link .shop-menu-icon-hp{ background:url(../../images/2018/shop_menu_icon.png) no-repeat center center; background-size: contain; width:28px; height:28px; margin:0px auto;}
.navigation-lead.navbar > ul > li > a:hover .shop-menu-icon-hp{ background:url(../../images/2018/shop_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
.navigation-lead.navbar > ul > li.active > a .shop-menu-icon-hp{ background:url(../../images/2018/shop_menu_icon_yellow.png) no-repeat center center; background-size: contain;}
*/

.logo-wrapper a {
    position: relative;
    top: 15%;
}

.logo-wrapper #header_logo_image {
    padding: 0;
    width: 150px;
    height: 150px;
}

.navbar-brand {
    padding: 15px 25px;
    width: 100px;
    height: 100px;
}

.navbar-brand-scroll {
    width: 69px;
    padding: 2px 3px;
}

.header {
    display: flex;
    flex-direction: column;
    position: relative;
    font-family: 'Crystal-Regular';
}

.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100px;
}

.row-1 {
    background-color: #ffd100;
    position: relative;
    z-index: 1;
    padding-left: 100px;
}

.row-2 {
    background-color: black;
    color: white;
    position: relative;
    z-index: 0;
    padding-left: 100px;
}

.logo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 150px;
    width: 150px;
    z-index: 2;
    margin-left: 24px;
}

.logo {
    height: 100%;
}

.row-1 .navbar-nav {
    margin: 0 auto;
    font-family: 'Crystal-Medium';
}

.navbar-right {
    display: flex;
    align-items: center;

}

.navbar-right-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    font-size: 30px;
    padding-right: 10px;
}


.navbar-right-bottom a {
    color: white !important;
}

.navbar-right-bottom a {
    color: white !important;
}

.row-1 a {
    color: black;
    font-size: large;
    font-weight: 700;
}

.navbar-form {
    margin-right: 10px;
}

#header-search-button {
    border-radius: 40%;
    background-color: white !important;
    border-color: white !important;
    color: black;
    transform: scaleX(-1); /* Mirror the icon */
}

.hero-globe-icon-hp a {
    display: block;
    background: url(../../images/2018/icon_globe.png) no-repeat center center;
    width: 80px;
    height: 56px;
    border-radius: 33px;
}

.hero-globe-tbox-hp {
    position: absolute;
    top: 100%;
    background-color: #ffd100;
    left: 50%;
    display: none;
    transform: translate(-100%);
}

.hero-globe-tbox-hp button {
    color: #000;
    font-size: 25px;
}

.hero-globe-tbox-hp button:hover {
    color: #000;
    font-family: 'Crystal-RegularItalic', 'Crystal-Regular';
    font-style: italic;
}

.navbar-right .btn-link {
    color: black;
    font-size: 30px;
    padding-top: 10px;
}

#plus500_partner {
    background-color: black;
    margin-bottom: 2px;
    margin-right: 0px;
    margin-top: 2px;
    padding-bottom: 20px;
    width: 250px;
}

.header-scroll-left {
    background-color: #ffd100;
}

.header-scroll-left a {
    color: #000000;
    font-size: large;
    font-weight: 700;
}

.header-scroll-left .nav-item .dropdown-menu{
    top: 133%;
}

.header-scroll-left dropdown-menu li a{
    color: #ffd100;
}

.header-scroll-right {
    background-color: black;
    align-items: center;
    justify-content: flex-end;
}

.header-scroll-right ul.nav.navbar-nav {
    width: 100%;
    padding-top: 2px;
    display: flex;
    justify-content: space-between;
}

.header-scroll-right a {
    color: white !important;

}

.header.scrolled {
    justify-content: space-between;
    display: none;
}

.header-scroll-left,
.header-scroll-right {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
}

.header-scroll-left{
    padding: 7px 24px;
}

.header-scroll-right{
    padding: 0 24px;
}

.nav .open > a {
    text-decoration: underline;
    font-style: italic;
}

.nav-item .dropdown .open {
    font-style: italic;
}

.nav-item > .open > a,
.nav-item > .open > a:focus,
.nav-item > .open > a:hover {
    font-style: italic;
}

.navbar-nav > .open > a,
.navbar-nav > .open > a:focus,
.navbar-nav > .open > a:hover {
    font-style: italic;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Header Scrolled Styles */
.header.scrolled ul.navbar-nav .nav-link.dropdown-toggle {
    padding: 10px 10px;
}

.header.scrolled ul.navbar-nav .nav-link.dropdown-toggle .menu-text-hp {
    font-size: 25px;
    font-family: 'Crystal-Medium';
}

.header-scroll-right ul.navbar-nav li a {
    font-size: 20px;
    font-family: 'Crystal-Medium';
}

/* Submenu Styles */
/* Base styles for the navigation */
.nav-item {
    position: relative;
}

.nav-item .dropdown-menu {
    /*display: none;*/
    position: absolute;
    top: 137%;
    /* margin-top:12px; */
    left: 0;
    background-color: #000;
    color: #fff;
    /* padding: 10px; */
    z-index: 1000;
    font-family: 'Crystal-Regular';
}

/*.nav-item:hover .dropdown-menu {
    display: block;
}*/

/* Nested submenu styling */
/* .dropdown-menu .dropdown-submenu {
    position: relative;
} */

.dropdown-menu .dropdown-submenu .dropdown-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #000;
    /* padding: 10px; */
    /* margin-top: -10px; */
    margin: 0px;
}

.submenu {
    color: #fff;
}

.submenu li:hover {
    text-decoration: underline;
}

.dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    display: block;
}

/* Styling for the links */
.nav-link {
    color: #ffff00;
    text-decoration: none;
    padding: 5px 10px;
}

.nav-link:hover {
    text-decoration: underline;
}

.dropdown-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 30px;
}

.dropdown-menu a:hover {
    text-decoration: underline;
}

/* Adjustments for better visual alignment */
.dropdown-menu {
    min-width: 200px;
}

.dropdown-submenu {
    min-width: 200px;
}


.menu__item .lang-menu-icon-hp {
    background: url(../../images/2018/icons/24px/functional/language.svg) no-repeat center center;
    width: 34px;
    height: 32px;
    margin: 0px auto;
}

.menu__item:hover {
    background: #000;
}

.menu__item:hover .lang-menu-icon-hp {
    background-image: url(../../images/2018/icons/24px/functional/language_y.svg);
}

.navigation-lead.navbar {
    border-radius: 0px;
    border: 0px;
    background: none;
    margin: 0px;
    padding: 0px 0px 30px;
    height: 100%;
}

.navigation-lead.animate {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.navigation-lead.side-nav .dropdown {
    position: initial;
}

.navigation-lead.side-nav .dropdown-menu {
    width: 290px;
    left: 100px;
    top: 0;
    height: 100%;
    border: 0;
    padding: 101px 0px 0px 0px;
    margin: 0;
    border-radius: 0;
    background: #ffd100;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 9;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    z-index: 1040;
}

.navigation-lead.dropdown-menu {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(0, 1);
    display: block;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

*::-ms-backdrop, .navigation-lead.dropdown-menu {
    width: 0px !important;
    overflow: hidden;
    min-width: 0px;
}

.navigation-lead.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

*::-ms-backdrop, .navigation-lead.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    width: 290px !important;
    overflow: hidden;
    min-width: 0px;
}

.navigation-lead.navbar-nav .dropdown-menu {
    position: fixed;
}

.navigation-lead.navbar-nav .dropdown-menu {
    float: none;
}

.navigation-lead.dropdown-menu > li {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.navigation-lead.dropdown-menu > li > a {
    padding: 0px;
    margin: 0px 35px;
    line-height: 50px;
    font-size: 15px;
    color: #232323;
    border-bottom: solid 1px #d6ae33;
}

.navigation-lead.dropdown-menu > li:hover {
    background: rgba(0, 0, 0, 0.15);
}

.navigation-lead.dropdown-menu > li:hover a {
    color: #232323;
    background: url(../../images/2018/menu_bullet_icon.png) no-repeat center left;
    padding: 0px 0px 0px 15px;
}

.navigation-lead.dropdown-menu > li.active {
    background: rgba(0, 0, 0, 0.15);
}

.navigation-lead.dropdown-menu > li.active > a, .navigation-lead.dropdown-menu > li.active > a:hover, .navigation-lead.dropdown-menu > li.active > a:focus {
    color: #232323;
    background: url(../../images/2018/menu_bullet_icon.png) no-repeat center left;
    padding: 0px 0px 0px 15px;
}

.menu-overlay-hp {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1050;
    height: 100%;
    display: none;
}

.navigation-second {
    background: #000;
}

.navigation-second .navbar > ul > li {
    float: right;
    color: #fff;
}

.submenu-text-hp {
    margin: 0px 10px;
    padding: 6px 0px 0px;
    text-align: right;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

/*--------------- HEADER_END --------------*/
/*--------------- CONTAIN_START --------------*/
#contain {
    margin: 0px;
    padding: 0px;
}

.top-part-main-hp {
    margin: 0px;
    padding: 0px;
    min-height: 623px;
    position: relative;
    margin-top: 180px;
    background-color: #000;
}

.main-slider-hp {
    width: calc(100% - 440px);
    margin: 0px 0px 0px 100px;
    padding: 0px;
    float: left;
    height: 623px;
}

.main-slider-inner-hp {
    margin: 0px;
    height: 623px;
    background: linear-gradient(rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.5) 100%);
}

.main-slider-text-hp {
    margin: 0px;
    padding: 305px 0px 0px 85px;
    position: relative;
    height: 100%;
}

.main-slider-text-hp h1 {
    background: rgba(0, 0, 0, 0.5);
    font-size: 75px;
    line-height: 70px;
    margin: 0px;
    padding: 2px 15px 0px 15px;
    display: table;
    color: #fff;
    text-transform: uppercase;
}

.main-slider-text-hp h1 span {
    color: #ffd100;
}

.main-slider-text-hp h1:first-child {
    padding-top: 9px;
}

.main-slider-text-hp p {
    font-size: 14px;
    line-height: 22px;
    margin: 0px 0px 28px 100px;
    padding: 0px;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 600px;
}

.main-slider-text-hp p a {
    color: #ffd100;
    position: relative;
}

.main-slider-text-hp p a:after {
    content: '';
    position: absolute;
    width: 0%;
    background: #ffd100;
    height: 2px;
    left: 0;
    bottom: 0px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.main-slider-text-hp p a:hover:after {
    width: 100%;
}

.main-slider-hp .flex-direction-nav a {
    width: 40px;
    height: 40px;
    margin: 0px 60px 32px 0px;
    top: auto;
    bottom: 0px;
}

.main-slider-hp .flex-direction-nav .flex-prev {
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/main_slider_prev_arrow.png) no-repeat center center;
    left: auto;
    right: 54px;
}

.main-slider-hp .flex-direction-nav .flex-next {
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/main_slider_next_arrow.png) no-repeat center center;
    left: auto;
    right: 0px;
}

.main-slider-hp .flexslider:hover .flex-direction-nav .flex-prev {
    left: auto;
    right: 54px;
}

.main-slider-hp .flex-direction-nav .flex-prev:hover {
    border: solid 2px #ffd100;
    background: url(../../images/2018/main_slider_prev_arrow_black.png) no-repeat center center #ffd100;
}

.main-slider-hp .flex-direction-nav .flex-next:hover {
    border: solid 2px #ffd100;
    background: url(../../images/2018/main_slider_next_arrow_black.png) no-repeat center center #ffd100;
}

.mobile-mslider-go-article-hp {
    margin: 0px;
    padding: 0px;
    position: absolute;
    display: none;
    bottom: 34px;
    left: 5%;
}

.mobile-mslider-go-article-hp a {
    display: block;
}

.mob-mslider-go-article-img-hp {
    float: left;
    padding: 0px 13px 0px 0px;
}

.mob-mslider-go-article-img-hp img {
    width: auto !important;
}

.mob-mslider-go-article-text-hp {
    float: left;
    color: #fff;
    font-size: 14px;
    position: relative;
}

.mob-mslider-go-article-text-hp:after {
    content: '';
    position: absolute;
    width: 0%;
    background: #ffd100;
    height: 2px;
    left: 0;
    bottom: -4px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.mobile-mslider-go-article-hp a:hover .mob-mslider-go-article-text-hp:after {
    width: 100%;
}

.bx-wrapper img {
    margin: 0 auto;
}


.hero-500plus-hp {
    position: absolute;
    left: 0px;
    height: 48px;
    width: 140px;
    transform: translateX(-100%);
    background: #000000;
    padding: 10px;
}

.hero-box-main-hp {
    margin: 0px;
    padding: 0px;
    width: 340px;
    float: right;
}

.hero-box-top-hp {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.hero-search-box-main-hp {
    float: right;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1040;
}

.hero-search-icon-hp {
    margin: 0px;
    z-index: 1030;
    position: relative;
}

.hero-search-icon-hp a {
    display: block;
    background: #fff url(../../images/2018/icon_suche.png) no-repeat center center;
    width: 80px;
    height: 56px;
    border-radius: 33px;
}

.hero-search-tbox-hp {
    position: absolute;
    width: 0px;
    right: 48px;
    top: 0px;
    z-index: 200;
}

.hero-search-tbox-hp input {
    width: 100%;
    height: 56px;
    line-height: 48px;
    border-radius: 33px 12px 12px 33px;
    background: #fff;
    border: 0px;
    padding: 0px 15px 0px;
    margin: 0px;
    outline: 0px;
    font-size: 26px;
    color: #000;
}

.hero-box-top-left-hp {
    margin: 0px;
    float: left;
    padding: 0px;
    width: calc(100% - 48px);
    background: #000;
    min-height: 48px;
}

.language-menu-lp {
    margin: 0px;
    float: left;
    width: 90px;
}

/*.language-menu-lp .bootstrap-select { margin:0px!important; background:#000 !important; padding:0px!important; width:90px !important; box-shadow:0px 0px 0px rgba(0, 0, 0, 0); height:50px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-border-radius:0px; behavior: url(PIE.htc); position:relative; z-index:1030; border-right:2px solid #404040;}*/
/*.language-menu-lp .dropdown-toggle{ background:#000; border:0px; line-height:50px; font-size:14px; padding:0px 18px 0px 18px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-border-radius:0px; behavior: url(PIE.htc); position:relative; box-shadow:0px 0px 0px; color:#ebebeb; font-family: 'Crystal-Medium', sans-serif;}*/
/*.language-menu-lp .bootstrap-select.btn-group .dropdown-toggle .filter-option{ color:#fff !important; }*/
/*.language-menu-lp .bootstrap-select.btn-group .dropdown-toggle .caret{ color:#999999; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px dashed; border-bottom:0px;}*/
/*.language-menu-lp .open > .dropdown-toggle.btn-default{ background:#000; border:0px; color:#ebebeb;}*/
/*.language-menu-lp .open > .dropdown-toggle.btn-default:hover, .language-menu-lp .open > .dropdown-toggle.btn-default:focus, .language-menu-lp .open > .dropdown-toggle.btn-default.focus{ background:#000; border:0px; color:#ebebeb; }*/
/*.language-menu-lp .btn-default:active:hover, .language-menu-lp .btn-default.active:hover, .language-menu-lp .open > .dropdown-toggle.btn-default:hover, .language-menu-lp .btn-default:active:focus, .language-menu-lp .btn-default.active:focus, .language-menu-lp .open > .dropdown-toggle.btn-default:focus, .language-menu-lp .btn-default.focus:active, .language-menu-lp .btn-default.active.focus, .language-menu-lp .open > .dropdown-toggle.btn-default.focus{ background:#000; border:0px; color:#ebebeb;}*/
/*.language-menu-lp .bootstrap-select .dropdown-toggle:focus{ outline:none !important;}*/
/*.language-menu-lp .open > .dropdown-menu{  margin:0px 0px 0px 0px; z-index:0; padding:0px 0px 0px; color:#fff; behavior: url(PIE.htc); background:#000; border:0px; border-top:solid 1px #4c4c4c; border-radius:0px; top:0px; right:88px; left:auto;}*/
/*.language-menu-lp .bootstrap-select.btn-group .dropdown-menu li a{ color:#ebebeb; padding:0px 18px 0px; line-height:50px; font-size:14px; border-left: solid 1px #4c4c4c; border-right: solid 1px #4c4c4c;}*/
/*.language-menu-lp .bootstrap-select.btn-group .dropdown-menu li a:hover{ background:#ffcf00; color:#000; border-left: solid 1px #ffcf00; border-right: solid 1px #ffcf00;}*/
/*.language-menu-lp .bootstrap-select.btn-group .dropdown-menu li a span.g-translate-icon-hp{ display:inline-block; background:url(../../images/2018/g_translate_icon.png) no-repeat center center; width:20px; height:20px; margin:15px 0px 0px 0px; float:right;}*/
/*.language-menu-lp .bootstrap-select.btn-group .dropdown-menu li.selected a{ background:#ffcf00; color:#000; border-left: solid 1px #ffcf00; border-right: solid 1px #ffcf00;}*/
.hero-social-lp {
    margin: 0px;
    padding: 0px;
    float: right;
}

.hero-social-lp ul {
    margin: 0px;
    padding: 0px;
}

.hero-social-lp ul li {
    float: right;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0px;
    padding: 0px;
}

.hero-social-lp ul li a {
    display: block;
    background: #000;
    color: #8d8d8d;
}

.hero-social-lp ul li a i {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 48px;
}

.hero-social-lp ul li:hover a {
    background: #ffd100;
    color: #000;
}

.hero-match-box-main-hp {
    margin: 0px;
    padding: 0px;
}

.hero-match-info-main-hp {
    margin: 0px;
    padding: 0px;
    height: 350px;
    background: #000;
}

.hero-match-info-inn-hp {
    height: 100%;
}

.hero-match-time-info-hp {
    margin: 0px;
    padding: 0px;
}

.hero-match-time-counter-hp {
    margin: 0px;
    padding: 28px 0px 0px;
    font-size: 39px;
    line-height: 39px;
    color: #fff;
    text-align: center;
    font-family: 'AntiqueOliveStd-BoldCond';
}

.counter-hide {
    opacity: 0;
}

.hero-match-mid-hp.hero-match-score {
    width: 65px;
    font-size: 1em;
}

.hero-match-leagu-text-hp {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    text-align: center;
}

.hero-match-slider-hp {
    margin: 34px 0px 0px;
    padding: 0px;
}

.hero-match-slider-inn-hp {
    margin: 0px;
    padding: 0px;
}

.hero-match-top-hp {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.hero-match-team-logo-hp {
    display: inline-block;
    line-height: 52px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    max-width: 140px;
}

.hero-match-team-logo-hp span {
    white-space: nowrap;
    font-size: 0.8em;
    color: #fff;
}

.nf {
    color: #e83521;
}

.hero-match-mid-hp {
    display: inline-block;
    font-size: 34px;
    line-height: 52px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    vertical-align: top;
    padding: 0px 10px;
}

.hero-match-time-text-hp {
    margin: 0px; /*padding:18px 0px 24px;*/
}

.hero-match-time-text-hp p {
    margin: 0px;
    padding: 0px 0px 2px;
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
}

.hero-match-slider-hp .flex-direction-nav a {
    width: 28px;
    height: 28px;
    margin: -40px 0 0;
}

.hero-match-slider-hp .flex-direction-nav .flex-prev {
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/hero_match_slider_prev_arrow.png) no-repeat 6px 6px;
    outline: 0px;
    left: 25px;
}

.hero-match-slider-hp .flex-direction-nav .flex-next {
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/hero_match_slider_next_arrow.png) no-repeat 9px 6px;
    outline: 0px;
    right: 25px;
}

.hero-match-slider-hp .flex-direction-nav .flex-prev:hover {
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/hero_match_slider_prev_arrow_black.png) no-repeat 6px 6px #ffd100;
    outline: 0px;
    left: 25px;
}

.hero-match-slider-hp .flex-direction-nav .flex-next:hover {
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/hero_match_slider_next_arrow_black.png) no-repeat 9px 6px #ffd100;
    outline: 0px;
    right: 25px;
}

.hero-match-slider-hp .flexslider:hover .flex-direction-nav .flex-prev {
    left: 25px;
}

.hero-match-slider-hp .flexslider:hover .flex-direction-nav .flex-next {
    right: 25px;
}

.hero-match-slider-hp .default-btn-main {
    margin: 0 10px;
    display: inline;
}

.hero-match-tickets-btn-hp {
    margin: 0px;
    padding: 15px 0 0 0px;
    text-align: center;
}

/*----- DEFAULT_BUTTONS_START -----*/
.default-btn-main {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.basic-yellow-btn-gallery, .content-inner a.basic-yellow-btn-gallery {
    margin: 0px;
    background: url(../../images/2018/close_icon_black_np.png) no-repeat center center #ffd100;
    height: 50px;
    width: 50px;
    line-height: 14px;
    color: #000 !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    outline: 0px;
    border: solid 2px #ffd100;
}

.basic-yellow-btn-main, .content-inner a.basic-yellow-btn-main {
    margin: 0px;
    padding: 14px 35px 14px 46px;
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #ffd100;
    border-radius: 50px;
    height: 46px;
    line-height: 14px;
    color: #000 !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    outline: 0px;
    border: solid 2px #ffd100;
}

.basic-yellow-btn-main:hover, .content-inner a.basic-yellow-btn-main:hover {
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    color: #fff !important;
    outline: 0px;
    border: solid 2px #000;
}

.basic-yellow-btn-main:focus, .content-inner a.basic-yellow-btn-main:focus {
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    color: #fff !important;
    outline: 0px;
    border: solid 2px #000;
}

.basic-yellow-border-btn-main:hover, .content-inner a.basic-yellow-border-btn-main:hover {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px;
    color: #ffd100 !important;
    border: solid 2px #ffd100;
}

.basic-black-btn-main, .content-inner a.basic-black-btn-main {
    margin: 0px;
    padding: 14px 35px 14px 46px;
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    border-radius: 50px;
    height: 46px;
    line-height: 14px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    outline: 0px;
    border: solid 2px #000;
}

.basic-black-btn-main:hover, .content-inner a.basic-black-btn-main:hover {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-black-btn-main:focus, .content-inner a.basic-black-btn-main:focus {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-black-border-btn-main:hover, .content-inner a.basic-black-border-btn-main:hover {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px;
    color: #000 !important;
    border: solid 2px #000;
}

.basic-red-btn-main, .content-inner a.basic-red-btn-main {
    margin: 0px;
    padding: 14px 35px 14px 46px;
    background: url(../../images/2018/btn_whight_arrow.png) no-repeat center left 15px #E83531;
    border-radius: 50px;
    height: 46px;
    line-height: 14px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    border: 0px;
    outline: 0px;
}

.basic-red-btn-main:hover, .content-inner a.basic-red-btn-main:hover {
    background: url(../../images/2018/btn_whight_arrow.png) no-repeat center left 15px #d72723;
    color: #fff !important;
}

.basic-red-btn-main:focus, .content-inner a.basic-red-btn-main:focus {
    background: url(../../images/2018/btn_whight_arrow.png) no-repeat center left 15px #d72723;
    color: #fff !important;
}

.basic-secondary-btn-main, .content-inner a.basic-secondary-btn-main {
    margin: 0px;
    padding: 14px 35px 14px 46px;
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #fff;
    border-radius: 50px;
    height: 46px;
    line-height: 14px;
    color: #000 !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    border: solid 2px #d5d5d5;
    outline: 0px;
}

.basic-secondary-btn-main:hover, .content-inner a.basic-secondary-btn-main:hover {
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    color: #fff !important;
    border: solid 2px #000;
}

.basic-secondary-btn-main:focus, .content-inner a.basic-secondary-btn-main:focus {
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    color: #fff !important;
    border: solid 2px #000;
}

.basic-dark-black-btn-main, .content-inner a.basic-dark-black-btn-main {
    margin: 0px;
    padding: 14px 35px 14px 46px;
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px;
    border-radius: 50px;
    height: 46px;
    line-height: 14px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    border: solid 2px #414141;
    outline: 0px;
    vertical-align: middle;
}

.basic-dark-black-btn-main:hover, .content-inner a.basic-dark-black-btn-main:hover {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-dark-black-btn-main:focus, .content-inner a.basic-dark-black-btn-main:focus {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-dark-yellow-btn-main, .content-inner a.basic-dark-yellow-btn-main {
    margin: 0px;
    padding: 14px 35px 14px 46px;
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px;
    border-radius: 50px;
    height: 46px;
    line-height: 14px;
    color: #232323 !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    border: solid 2px #414141;
    outline: 0px;
    vertical-align: middle;
}

.basic-dark-yellow-btn-main:hover, .content-inner a.basic-dark-yellow-btn-main:hover {
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    color: #fff !important;
    border: solid 2px #000;
}

.basic-dark-yellow-btn-main:focus, .content-inner a.basic-dark-yellow-btn-main:focus {
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    color: #fff !important;
    border: solid 2px #000;
}

/*----- DEFAULT_BUTTONS_END -----*/
/*----- DEFAULT_SMALL_BUTTONS_START -----*/
.default-small-btn-main {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.basic-small-yellow-btn-main, .content-inner a.basic-small-yellow-btn-main {
    margin: 0px;
    padding: 0px 20px 0px 20px;
    background: #ffd100;
    border-radius: 34px;
    height: 34px;
    line-height: 30px;
    color: #000 !important;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    outline: 0px;
    border: solid 2px #ffd100;
}

.basic-small-yellow-btn-main:hover, .content-inner a.basic-small-yellow-btn-main:hover {
    background: #000;
    color: #fff !important;
    outline: 0px;
    border: solid 2px #000;
}

.basic-small-yellow-btn-main:focus, .content-inner a.basic-small-yellow-btn-main:focus {
    background: #000;
    color: #fff !important;
    outline: 0px;
    border: solid 2px #000;
}

.basic-small-yellow-border-btn-main:hover, .content-inner a.basic-small-yellow-border-btn-main:hover {
    color: #ffd100 !important;
    border: solid 2px #ffd100;
}

.basic-small-black-btn-main, .content-inner a.basic-small-black-btn-main {
    margin: 0px;
    padding: 0px 20px 0px 20px;
    background: #000;
    border-radius: 34px;
    height: 34px;
    line-height: 30px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    outline: 0px;
    border: solid 2px #000;
}

.basic-small-black-btn-main:hover, .content-inner a.basic-small-black-btn-main:hover {
    background: #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-small-black-btn-main:focus, .content-inner a.basic-small-black-btn-main:focus {
    background: #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-small-black-border-btn-main:hover, .content-inner a.basic-small-black-border-btn-main:hover {
    color: #000 !important;
    border: solid 2px #000;
}

.basic-small-red-btn-main, .content-inner a.basic-small-red-btn-main {
    margin: 0px;
    padding: 0px 20px 0px 20px;
    background: #E83531;
    border-radius: 34px;
    height: 34px;
    line-height: 30px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    border: 0px;
    outline: 0px;
}

.basic-small-red-btn-main:hover, .content-inner a.basic-small-red-btn-main:hover {
    background: #d72723;
    color: #fff !important;
}

.basic-small-red-btn-main:focus, .content-inner a.basic-small-red-btn-main:focus {
    background: #d72723;
    color: #fff !important;
}

.basic-small-secondary-btn-main, .content-inner a.basic-small-secondary-btn-main {
    margin: 0px;
    padding: 0px 20px 0px 20px;
    background: #fff;
    border-radius: 34px;
    height: 34px;
    line-height: 30px;;
    color: #000 !important;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    border: solid 2px #d5d5d5;
    outline: 0px;
}

.basic-small-secondary-btn-main:hover, .content-inner a.basic-small-secondary-btn-main:hover {
    background: #000;
    color: #fff !important;
    border: solid 2px #000;
}

.basic-small-secondary-btn-main:focus, .content-inner a.basic-small-secondary-btn-main:focus {
    background: #000;
    color: #fff !important;
    border: solid 2px #000;
}

.basic-small-dark-black-btn-main, .content-inner a.basic-small-dark-black-btn-main {
    margin: 0px;
    padding: 0px 20px 0px 20px;
    border-radius: 34px;
    height: 34px;
    line-height: 30px;;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    border: solid 2px #414141;
    outline: 0px;
    vertical-align: middle;
}

.basic-small-dark-black-btn-main:hover, .content-inner a.basic-small-dark-black-btn-main:hover {
    background: #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-small-dark-black-btn-main:focus, .content-inner a.basic-small-dark-black-btn-main:focus {
    background: #ffd100;
    color: #000 !important;
    border: solid 2px #ffd100;
}

.basic-small-dark-yellow-btn-main, .content-inner a.basic-small-dark-yellow-btn-main {
    margin: 0px;
    padding: 0px 20px 0px 20px;
    border-radius: 34px;
    height: 34px;
    line-height: 30px;;
    color: #232323 !important;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    border: solid 2px #414141;
    outline: 0px;
    vertical-align: middle;
}

.basic-small-dark-yellow-btn-main:hover, .content-inner a.basic-small-dark-yellow-btn-main:hover {
    background: #000;
    color: #fff !important;
    border: solid 2px #000;
}

.basic-small-dark-yellow-btn-main:focus, .content-inner a.basic-small-dark-yellow-btn-main:focus {
    background: #000;
    color: #fff !important;
    border: solid 2px #000;
}

.isDisabled {
    cursor: not-allowed;
}

.isDisabled a {
    background: #ebebeb;
    color: #7d7d7d;
    border: solid 2px #ebebeb;
}

a[aria-disabled="true"] {
    color: currentColor;
    display: inline-block; /* For IE11/ MS Edge bug */
    pointer-events: none;
    text-decoration: none;
}

.basic-yellow-btn-main:after,
.basic-black-btn-main:after,
.basic-red-btn-main:after,
.basic-secondary-btn-main:after,
.basic-dark-black-btn-main:after,
.basic-dark-yellow-btn-main:after,
.basic-small-yellow-btn-main:after,
.basic-small-black-btn-main:after,
.basic-small-red-btn-main:after,
.basic-small-secondary-btn-main:after,
.basic-small-dark-black-btn-main:after,
.basic-small-dark-yellow-btn-main:after {
    display: none;
}

/*----- DEFAULT_SMALL_BUTTONS_END -----*/


/*----- GRAY_BOX_AD_START -----*/
.gray-box-ad-wrapper .article-inn-hp .article-lable-hp {
    border: none !important;
}

.innercontent .gray-box-ad p {
    display: none;
}

.innercontent .gray-box-ad .iframe-wrapper {
    background-color: #222222;
    min-height: 250px;
    position: relative;
    padding-top: 0 !important
}

.innercontent .gray-box-ad .iframe-wrapper iframe {
    vertical-align: bottom;
    position: absolute;
    top: 50% !important;
    left: 50%;
    height: 216px !important;
    width: 384px !important;
    transform: translate(-50%, -50%);
}

.google-gray-box-ad > div {
    background-color: #222222;
    min-height: 250px;
    position: relative;
}

.google-gray-box-ad > div > iframe {
    vertical-align: bottom;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*----- GRAY_BOX_AD_END -----*/


.hero-match-scoreboard-main-hp {
    margin: 0px;
    padding: 0px;
    background: #000;
    height: 223px;
}

.hero-match-scoreboard-title-hp {
    margin: 0px;
    padding: 16px 0px 0px;
    border-bottom: solid 1px #282828;
}

.hero-match-sb-superleag-title-hp {
    width: 67%;
    padding: 0px 0px 0px 20px;
    font-size: 12px;
    line-height: 50px;
    color: #999999;
    font-weight: 500;
    float: left;
}

.hero-match-sb-spiele-title-hp {
    width: 15%;
    padding: 0px;
}

.hero-match-sb-punkte-title-hp {
    width: 18%;
    padding: 0px;
}

.hero-match-scoreboard-list-hp {
    margin: 0px;
    padding: 0px;
    height: 156px;
    overflow: hidden;
}

.hero-match-scoreboard-list-hp ul {
    margin: 0px;
    padding: 0px;
}

.hero-match-scoreboard-list-hp ul li {
    border-bottom: solid 1px #282828;
    margin: 0px;
    padding: 0px;
    line-height: 50px;
}

.hero-match-scoreboard-list-hp ul li a {
    display: block;
}

.hero-match-scoreboard-list-hp ul li a:hover {
    background: #414141;
}

.hero-match-scoreboard-list-r1-hp {
    margin: 0px;
}

.hero-match-scoreboa-r1-col1-hp {
    width: 67%;
    float: left;
}

.hero-match-scoreboa-team-logo-hp {
    float: left;
    width: 46px;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

.hero-match-scoreboa-team-logo-hp img {
    vertical-align: top;
    max-width: 46px;
    height: 46px;
    margin-top: 2px;
}

.hero-match-scoreboa-r1-col1-hp p {
    float: left;
    width: calc(100% - 66px);
    margin: 0px;
    padding: 0px 0px 0px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}

.hero-match-scoreboa-r1-col2-hp {
    width: 15%;
    float: left;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 0px 0px 0px 8px;
    margin: 0px;
}

.hero-match-scoreboa-r1-col3-hp {
    width: 18%;
    float: left;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 0px 0px 0px 14px;
    margin: 0px;
}

.home-block-main {
    width: 100%; /*float:right;*/
    padding: 45px 0 0 0;
}

/* f8f8f7*//*p-b:80px*/
.home-block-main .block-main-outer {
    padding: 0;
}

.detail-block-main {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.kader-detail .content-inner, .kader-detail .content-inner p {
    color: #fff;
}

.kader-detail .content-inner a:after {
    display: none;
}

.kader-detail .block-main-left {
    padding: 0;
}

/*
.kader-detail .content-inner a{ color:#fff;}
.kader-detail .content-inner a:hover {color:#fff;opacity: 0.6;}
.kader-detail .content-inner a:hover:after { background:#000;}
*/

.navitop-block-main ul {
    float: right;
    text-align: center;
    width: 320px;
    padding: 0 15px 40px 15px;
}

.navitop-block-main ul li {
    float: left;
    border-right: 1px solid #d8d8d8;
    line-height: 22px;
    font-size: 12px;
    padding: 0 14px;
}

.navitop-block-main ul li:last-child {
    border-right: 0px;
}

.navitop-block-main ul li a {
    color: #232323;
}

.detail-block-main .navitop-block-main {
    display: none;
}

/*float: right;margin-top: -95px;position: relative;z-index: 99999;}
.detail-block-main .navitop-block-main ul li a {line-height: 50px;}*/

.yb-news-2-left-in-hp {
    padding: 0 55px 0 55px;
    margin: 0 0 0 69px;
}

.yb-main-title-hp {
    padding: 0 15px 0 15px;
}

.yb-main-title-hp h2 {
    float: left;
    line-height: 33px;
    color: #232323;
    padding-bottom: 36px;
}

.news-link-right-hp {
    float: right;
}

.cross-link-img-hp {
    float: left;
    padding: 0 13px 0 11px;
}

.cross-link-img-hp img {
    width: auto !important;
}

.cross-link-img-hp img {
    width: auto !important;
    margin-top: -2px;
}

/*from detail*/
.cross-link-text-hp {
    float: left;
    color: #232323;
    font-size: 15px;
    line-height: 24px;
    position: relative;
}

.cross-link-text-hp:after {
    content: '';
    position: absolute;
    width: 0%;
    background: #ffd100;
    height: 2px;
    left: 0;
    bottom: -4px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.cross-link-hp a:hover .cross-link-text-hp:after {
    width: 100%;
}

.cross-default-hp {
    float: left;
    margin-left: 8px;
}

.cross-default-hp .cross-link-text-hp:after {
    content: '';
    position: absolute;
    width: 100%;
    background: #ffd100;
    height: 2px;
    left: 0;
    bottom: 0px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.cross-default-hp a:hover .cross-link-text-hp:after {
    background: #232323;
}

/*.yb-news-boxes-main-hp{ padding-bottom:50px;}*/

.yb-news-boxes-main-hp ul li {
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 25px;
    float: left;
}

.yb-news-boxes-main-hp ul li.double-width-hp {
    width: 66.65%;
}

.main-blocks-col-hp {
    background: #fff;
}

.yb-twit-block-hp {
    padding: 15px;
}

.yb-twit-logo-main-hp {
    padding-bottom: 22px;
}

.yb-twit-logo-hp {
    float: left;
    margin-right: 15px;
    width: 36px;
}

.yb-twit-logo-info-hp {
    float: left;
    width: calc(100% - 51px);
}

.content-inner .yb-twit-logo-info-hp h3 {
    color: #232323;
    font-size: 13px;
    padding: 2px 0 1px 0;
}

.content-inner .yb-twit-logo-info-hp p {
    font-size: 13px;
    color: #999999;
    padding: 0;
}

.yb-twit-time-hp {
    font-size: 13px;
    color: #777777;
    line-height: 13px;
    padding-bottom: 10px;
}

.yb-twit-time-hp img {
    vertical-align: middle;
    margin-right: 5px;
    height: 13px;
}

.content-inner .yb-twit-time-hp a {
    font-size: 13px;
    color: #232323;
    font-weight: 700;
    padding-left: 5px;
}

.yb-twit-text-hp {
    font-size: 17px;
    color: #232323;
    font-weight: 700;
    line-height: 21px;
    padding-bottom: 20px;
}

.content-inner .yb-twit-text-hp a {
    color: #059ff5;
}

.yb-twit-social-in-hp {
    float: left;
    width: 33%;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
}

.content-inner .yb-twit-social-in-hp a {
    color: #232323;
}

.yb-twit-social-in-hp img {
    vertical-align: middle;
    margin-right: 3px;
}

.heart-icon-hp {
    background: url(../../images/2018/heart_icon.png) no-repeat left center;
    padding-left: 22px;
}

.heart-icon-hp:hover {
    background: url(../../images/2018/heart_icon_hover.png) no-repeat left center;
}

.comment-icon-hp {
    background: url(../../images/2018/comment_icon.png) no-repeat left center;
    padding-left: 22px;
}

.comment-icon-hp:hover {
    background: url(../../images/2018/comment_icon_hover.png) no-repeat left center;
}

.share-icon-hp {
    background: url(../../images/2018/share_icon.png) no-repeat left center;
    padding-left: 22px;
}

.share-icon-hp:hover {
    background: url(../../images/2018/share_icon_hover.png) no-repeat left center;
    padding-left: 22px;
}

.birthday-box-hp {
    background: #fff;
}

.birthday-box-hp .birthday-box-img-hp {
    position: relative;
    overflow: hidden;
}

.birthday-box-img-hp a {
    display: block;
    border: none;
}

.birthday-box-img-hp a:hover {
    border: none;
}

/*.birthday-box-img-hp img{ width:100%; position: absolute;top:0;right:0;left:0;width:100%;height:auto;}*/
.birthday-box-img-hp img {
    width: 100%;
    height: auto;
    display: flex;
}

.birthday-box-hp.news-cms .birthday-box-img-hp {
    padding-bottom: 57.8274% !important;
}

.birthday-box-hp.news-cms .birthday-box-img-hp img {
    position: absolute !important;
}

.birthday-box-info-hp {
    padding: 15px;
}

.birthday-box-detail-hp {
    font-size: 12px;
    color: #232323;
    line-height: 18px;
    padding-bottom: 25px;
}

.padding-15-hp {
    padding: 15px;
}

.block-main-right {
    float: right;
    width: 269px;
}

/* .block-main-right .side-teaser-block {padding-right: 36px;} */
.home-block-main .block-main-right .side-teaser-block {
    padding-right: 36px;
}

.home-block-main .block-main-right {
    float: right;
    width: 320px;
}

.teaser-right-box-hp {
    margin-bottom: 35px;
}

.side-teaser-block:last-child .teaser-right-box-hp:last-child {
    margin-bottom: 0;
}

/*.teaser-right-img-hp{}*/
/*.teaser-right-img-hp img{ width:100%; }*/
.teaser-right-box-hp h3 {
    font-size: 13px;
    color: #232323;
    padding-bottom: 5px;
}

.teaser-right-box-hp p {
    font-size: 13px;
    color: #232323;
}

.teaser-right-box-hp.imgText img {
    margin-bottom: 15px;
}

.teaser-right-box-hp.ybox {
    background: #ffd100;
    padding: 25px 30px 20px 30px;
    margin-bottom: 35px;
}

.teaser-right-box-hp.ybox h2 {
    font-family: 'AntiqueOliveStd-BoldCond';
    font-size: 35px;
    text-align: center;
    padding-bottom: 20px;
    font-weight: normal;
    border-width: 0;
    color: #000;
}

.teaser-right-box-hp table {
    width: 100%;
    max-width: 100%;
}

.teaser-right-box-hp td {
    border-style: solid;
    border-color: #D8D8D8;
    border-width: 0 0 1px 0;
    padding: 1px;
    font-size: 9px;
    line-height: 2em;
}

.teaser-right-box-hp div, .teaser-right-box-hp iframe {
    max-width: 100%;
    width: auto !important;
}

.teaser-right-box-hp.sporttipWidget iframe {
    max-width: 100%;
    width: 100% !important;
}

.teaser-right-box-hp .teasermipddle {
    padding: 10px 0 0 0 !important;
    font-size: 9px;
    line-height: 2em;
}

.teaser-right-box-hp.tabelle .tabelleteaser {
    padding: 10px 0 0 0 !important;
    font-size: 9px;
    line-height: 2em;
}

/*.teaser-right-box-hp{ margin-bottom:35px;}*/
.teaser-right-box-hp h2 {
    font-size: 15px;
    font-weight: 700;
    color: #292929;
    border-bottom: 1px solid #292929;
    padding-bottom: 15px;
}

.teaser-right-box-hp ul li {
    border-bottom: 1px solid #d8d8d8;
    padding: 14px 0;
}

/*.teaser-right-box-hp{ margin-bottom:35px;}*/
.teaser-right-box-hp img {
    width: 100%;
}

.yb-news-btn {
    text-align: center;
}

/*social wall button */
.yb-news-btn a {
    border-bottom: none;
}

.yb-news-btn a:hover {
    border-bottom: none;
}

.news-btm-hp {
    text-align: center;
}

.mannschft-block-hp {
    min-height: 515px;
    background: #000;
    overflow: hidden;
    position: relative;
}

.mannschft-block-hp .block-image-hp {
    position: relative;
    overflow: hidden;
    height: 100%;
    position: absolute;
    width: 100%; /* z-index:9;*/
}

.mannschft-block-hp .block-image-hp img {
    max-width: unset;
    transition: all 0.3s ease;
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.25;
}

/*.mannschft-block-hp .block-image-hp:hover img { transform: scale(1.2);}*/
.mannschft-block-hp .block-image-detail-hp {
    height: 100%;
    position: relative; /*z-index: 99;*/
}

.mannschft-block-hp h2 {
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    color: #fff;
    padding: 35px 0 25px 0;
}

.mannschft-block-hp h2 {
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    color: #fff;
    padding: 35px 15px 50px 15px;
}

/*from detail*/
.carousel-slider-hp {
    width: 795px;
    margin: auto;
    position: relative;
}

/*.carousel-main-box-hp{ padding-top:50px; background:#d0bd7c; position:relative; }*/
.carousel-main-box-hp {
    padding-bottom: 50px;
    background: #d0bd7c;
    position: relative;
}

.carousel-img-hp {
    text-align: center;
}

.carousel-img-hp img {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.carousel-detail-hp {
    background: #000;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 15px;
}

.carousel-name-hp {
    font-family: 'AntiqueOliveStd-BoldCond';
    color: #fff;
}

.cross-slider-hp {
    padding-top: 7px;
    overflow: hidden;
}

.cross-slider-hp .cross-link-img-hp {
    padding: 0 6px 0 0px;
    line-height: 12px !important;
    background: url(../../images/2018/yellow_arrow.png) no-repeat left center;
    width: 16px;
    height: 14px;
}

.cross-slider-hp .cross-link-text-hp {
    color: #ffd100;
    font-size: 12px;
    line-height: 12px !important;
}

.carousel-footer-link.cross-slider-hp {
    text-align: center;
    padding-top: 18px;
}

.carousel-no-hp {
    width: 52px;
    height: 52px;
    background: #232323;
    color: #ffd100;
    text-align: center;
    line-height: 52px;
    font-family: 'AntiqueOliveStd-BoldCond';
    font-size: 25px;
    position: absolute;
    top: 0px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.carousel-next-arrow-hp {
    position: absolute;
    right: -132px;
    top: 142px;
}

.carousel-next-arrow-hp a {
    width: 40px;
    height: 40px;
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/main_slider_next_arrow.png) no-repeat center center;
    display: block;
}

.carousel-next-arrow-hp a:hover {
    border: solid 2px #ffd100;
    background: url(../../images/2018/main_slider_next_arrow_black.png) no-repeat center center #ffd100;
}

.carousel-prev-arrow-hp {
    position: absolute;
    left: -132px;
    top: 142px;
}

.carousel-prev-arrow-hp a {
    width: 40px;
    height: 40px;
    border: solid 2px #ffd100;
    border-radius: 100%;
    background: url(../../images/2018/main_slider_prev_arrow.png) no-repeat center center;
    display: block;
}

.carousel-prev-arrow-hp a:hover {
    border: solid 2px #ffd100;
    background: url(../../images/2018/main_slider_prev_arrow_black.png) no-repeat center center #ffd100;
}

.carousel-main-box-hp:hover .carousel-no-hp {
    background: #ffd100;
    color: #232323;
}

.carousel-main-box-hp:hover .boutique-frame-text {
    background: #ffd100 !important;
}

.carousel-main-box-hp:hover .carousel-name-hp {
    color: #232323;
}

.carousel-main-box-hp:hover .cross-slider-hp .cross-link-img-hp {
    background: url(../../images/2018/yellow_arrow_hover.png) no-repeat left center;
}

.carousel-main-box-hp:hover .cross-slider-hp .cross-link-text-hp {
    color: #232323;
}

.groose-yb-block-hp {
    height: 515px;
    background: #000;
    overflow: hidden;
}

.groose-yb-block-hp .block-image-hp {
    position: relative;
    overflow: hidden;
    height: 515px;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.groose-yb-block-hp .block-image-hp img {
    max-width: 100%;
    transition: all 0.3s ease;
    width: 100%;
}

/*.groose-yb-block-hp .block-image-hp:hover img { transform: scale(1.2);}*//* removed in detail */
.groose-yb-block-hp:hover .groose-image-hp img {
    transform: scale(1.2);
}

/*from detail*/
.groose-yb-block-hp .block-image-overlay-hp {
    z-index: 50;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 207, 0, 0.8) 100%);
    transition: all 0.3s ease;
    opacity: 0;
    margin-top: 100px;
}

.groose-yb-block-hp:hover .block-image-overlay-hp {
    opacity: 1;
    margin-top: 0px;
}

.groose-yb-block-hp .block-image-detail-hp {
    position: relative;
    height: 515px;
    z-index: 200;
}

/*.groose-yb-block-hp .container{ height:100%;}*/
.groose-yb-block-hp .block-main-hp {
    display: table;
    width: 100%;
    height: 100%;
}

.groose-yb-block-hp .block-inn-hp {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.groose-yb-block-hp .block-inn-hp h2 {
    text-align: center;
    line-height: 82px;
    font-family: 'AntiqueOliveStd-BoldCond';
    font-size: 82px;
    color: #FFF;
}

.groose-yb-block-hp .block-inn-hp p {
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #FFF;
    padding: 15px 0 30px 0;
}

.article-block-hp {
    margin: 50px 0px 50px 0px;
}

.article-block-hp .article-1-hp {
    padding: 0 8px;
}

.article-block-hp .article-1-hp:nth-child(3n-2) {
    padding: 0 16px 0 0;
}

.article-block-hp .article-1-hp:nth-child(3n) {
    padding: 0 0 0 16px;
}

.article-small-block-hp {
    margin: 50px 0px 50px 0px !important;
}

.article-small-block-hp .article-1-hp {
    padding: 0 8px;
}

.article-small-block-hp .article-1-hp:nth-child(3n-2) {
    padding: 0 16px 0 0;
}

.article-small-block-hp .article-1-hp:nth-child(3n) {
    padding: 0 0 0 16px;
}

.article-1-hp.tid-211 {
    max-width: 400px;
}

.yb-tv-container {
    min-height: 250px;
    float: right;
    position: relative;
    padding: 0;
}

.yb-tv {
    margin-top: 30px;
    padding: 8%;
    background-color: #ffd100;
    position: absolute;
    right: -24px;
    max-width: 300px;
}

.article-inn-hp {
    margin: 0px;
}

.article-inn-hp {
    margin: 0px;
    padding: 0px;
}

/*from detail*/
.article-1-hp {
    margin: 0px;
}

.article-lable-hp {
    font-size: 12px;
    color: #232323;
    line-height: 12px;
    padding: 0px 0 10px 0;
}

.article-image-hp {
    position: relative;
    overflow: hidden;
}

.article-image-hp img {
    max-width: 100%;
    transition: all 0.3s ease;
}

.article-image-hp img {
    max-width: 100%;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*from detail*/
.article-image-hp:hover img {
    transform: scale(1.2);
}

.article-image-overlay-hp {
    z-index: 50;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 207, 0, 0.8) 100%);
    transition: all 0.3s ease;
    opacity: 0;
    margin-top: 100px;
}

.article-image-hp:hover .article-image-overlay-hp {
    opacity: 1;
    margin-top: 0px;
}

.article-info-hp {
    margin: 0px;
    padding: 0px;
}

.article-info-hp .teaserHeading {
    margin: 20px 0 16px 0;
    padding: 0;
    position: relative;
    display: inline-block;
}

/*.article-info-hp h2 a{ color:#232323; position:relative;}*/
/*.article-info-hp h2 a:after{ content:''; position:absolute; width:0%; background:#ffcf00; height:2px; left:0; bottom:-4px; -webkit-transition: all 0.3s linear;*/
/*-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}*/
/*.article-info-hp h2 a:hover:after{ width:100%;}*/
.article-info-hp p {
    font-size: 12px;
    color: #232323;
    line-height: 20px;
    padding: 0px 0 20px 0;
}

.article-info-hp .innercontent {
    font-size: 15px;
    line-height: 24px;
}

.zum-artikel-hp {
    margin: 0px;
    padding: 0px;
}

/*.zum-artikel-icon-hp{ float:left; width:32px; height:32px; line-height:26px; border:solid 2px #e3e3e3; text-align:center;}*/
/*.zum-artikel-text-hp{ float:left; line-height:33px; font-size:15px; color:#232323; margin:0 0 0 12px; position:relative;}*/
/*.zum-artikel-text-hp:after{ content:''; position:absolute; width:0%; background:#ffcf00; height:2px; left:0; bottom:4px; -webkit-transition: all 0.3s linear;*/
/*-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }*/
/*.zum-artikel-hp a{ display:block;}*/
/*.zum-artikel-hp a:hover .zum-artikel-text-hp:after{ width:100%;}*/

.young-boys-block-hp {
    background: #000;
    overflow: hidden;
    position: relative;
}

.young-boys-block-hp .block-image-hp {
    position: relative;
    overflow: hidden;
    height: 100%;
    position: relative;
    width: 100%;
    display: none !important;
}

.young-boys-block-hp .block-image-hp img {
    max-width: 100%;
    transition: all 0.3s ease;
    width: 100%;
}

/*.young-boys-block-hp .block-image-hp:hover img { transform: scale(1.2);}*/
.young-boys-block-hp .block-image-detail-hp {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /*z-index: 99;*/
}

/*.young-boys-block-hp .container{ height:100%;}*/
.young-boys-block-hp .block-main-hp {
    display: table;
    width: 100%;
    height: 100%;
}

.young-boys-block-hp .block-inn-hp {
    text-align: center;
    line-height: 100px;
    font-family: 'agneyaregular';
    font-size: 100px;
    color: #FFF;
    text-decoration: underline;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.young-boys-block-hp .block-inn-hp a {
    color: #FFF;
}

.container.partner {
    width: auto;
    margin: 0;
}

.partner-block-hp {
    background: #ffd100;
    margin: 0 0 0 0
}

/*.partner-inn-hp{ padding:25px 15px;}
.partner-inn-hp{ padding:25px 0px;}*/ /*from detail*/
.partner-inn-hp img {
    max-width: 100%;
}

/*from detail*/
.partner-left-hp {
    border-right: solid 2px #232323;
    width: 210px;
    margin: 0 15px 0 0;
}

.partner-left-hp h4 {
    font-size: 11px;
    color: #000;
    font-weight: 900;
    line-height: 11px;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}

.partner-right-hp {
    width: 805px;
}

.partner-right-hp {
    width: 835px;
}

/*from detail*/
.partner-right-hp h4 {
    font-size: 11px;
    color: #000;
    font-weight: 900;
    line-height: 11px;
    text-transform: uppercase;
}

.partner-right-hp ul {
    margin: 0px;
    padding: 0px;
}

.partner-right-hp ul li {
    float: left;
    padding: 0 9px;
}

.partner-right-hp ul li:first-child {
    padding-left: 0px;
}

.partner-right-hp ul li:last-child {
    padding-right: 0px;
}

.shadow-hover-box:hover {
    -webkit-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    transition: box-shadow 0.3s ease-in-out;
}

/*--------------- CONTAIN_END --------------*/
/*--------------- FOOTER_START --------------*/
#footer {
    margin: 0;
    padding: 0px;
}

.container.footer {
    width: auto;
    margin: 0 24px;
}

.footer-top-hp {
    background: #000000;
    padding: 30px 0px 30px 0px;
}

.footer-top-inn-hp {
    display: flex;
    margin: 0px;
}

.footer-top-inn-hp {
    margin: 0px;
    padding: 0px;
}

/*from detail*/

.footer-logo-hp {
    padding: 0 0 64px 0;
}

.footer-logo-hp img {
    height: 100px
}

.footer-logo-hp span {
    line-height: 50px;
    padding-left: 20px;
}

.footer-logo-small-hp {
    display: none;
}

.footer-logo-small-hp img {
    width: 50px;
}

.footer-social-icon-hp {
    margin: 0px;
    padding: 0px;
}

.footer-social-icon-hp ul {
    margin: 0px;
    padding: 0px;
}

.footer-social-icon-hp ul li {
    float: left;
    margin: 0 12px 0 0;
}

.footer-social-icon-hp ul li:last-child {
    margin: 0px;
}

.footer-social-icon-hp ul li a {
    display: block;
    width: 41px;
    height: 41px;
    line-height: 45px;
    border-radius: 100%;
    text-align: center;
    background: #fff;
}

.footer-social-icon-hp ul li a i {
    font-size: 20px;
    line-height: 24px;
    color: #000;
}

.footer-social-icon-hp ul li a:hover i {
    color: #ffd100;
}

.footer-bottom-inn-hp {
    margin: 0px;
}

.footer-bottom-inn-hp {
    margin: 0px;
    padding: 0px;
}

/*from detail*/
.footer-box-1-hp {
    margin: 0px;
}

.footer-address-hp h2 {
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    line-height: 14px;
    padding: 0 0 20px 0;
}

.footer-address-hp p {
    font-size: 20px;
    color: #FFF;
    line-height: 24px;
    font-family: 'Crystal-Regular';
}

.medium-font {
    font-family: 'Crystal-Medium';
    padding: 0px;
    font-size: 20px;
    line-height: 24px;
}

.bold-font {
    font-family: 'Crystal-Bold';
}

.footer-link {
    color: #ffd100;
    font-family: 'Crystal-Regular';
    font-size: 20px;
    line-height: 24px;
    text-decoration: underline;
    text-underline-offset: 4px;
}


.footer-phone-hp {
    font-size: 12px;
    color: #FFF;
    line-height: 20px;
}

.footer-phone-hp img {
    width: 14px;
    height: 20px;
    margin: 0px 20px 0px 0px;
}

.working-hrs-tel {
    font-family: 'Crystal-Regular';
    font-size: 20px;
    line-height: 24px;
    padding: 0;
}

.footer-contact-info-hp {
    font-size: 20px;
    color: #FFF;
    line-height: 24px;
    font-family: 'Crystal-Regular';
}

/*.footer-contact-info-hp h2{ font-size:14px; font-weight:700; color:#FFF; line-height:14px; padding:0 0 10px 0;}
.footer-contact-info-hp ul{ margin:0px; padding:0px;}
.footer-contact-info-hp ul li{ border-bottom:solid 2px #404040; padding:10px 0px;}*/
.footer-contact-icon-hp {
    float: left;
    width: 14px;
    height: 20px;
    margin: 0px 20px 0px 0px;
}

.footer-contact-text-hp {
    font-size: 20px;
    color: #FFF;
    line-height: 24px;
    font-family: 'Crystal-Regular';
}

.footer-contact-text-hp a {
    color: #FFF;
}

.footer-contact-text-hp a:hover {
    color: #ffd100;
}

.footer-contact-info-hp ul li:last-child {
    border-bottom: none;
}

.footer-box-6-hp {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-link-box {
    flex-grow: 1;
}

.footer-menu-hp {
    background: #000;
}

.footer-menu-inn-hp {
    margin: 0px;
    padding: 15px;
}

.footer-menu-inn-hp {
    margin: 0px;
    padding: 15px 0px;
}

/*from detail*/
.footer-menu-list-hp {
    padding: 0;
}

.footer-menu-list-hp ul {
    margin: 0px;
    padding: 0px;
}

.footer-menu-inn-hp ul li {
    float: left;
    font-size: 12px;
    line-height: 12px;
    color: #FFF;
    margin: 0px;
    padding: 0px 20px;
    background: url(../../images/2018/footer-menu-separator.png) center right no-repeat;
}

.footer-menu-inn-hp ul li a {
    color: #FFF;
}

.footer-menu-inn-hp ul li a:hover {
    color: #ffd100;
}

.footer-menu-inn-hp ul li:first-child {
    padding-left: 0px;
}

.footer-menu-inn-hp ul li:last-child {
    padding-right: 0px;
    background: none;
}

.partner-block-hp.mobile {
    display: none;
}

/*--------------- FOOTER_END --------------*/

/*--------------- MOBILE_MENU_START --------------*/
.menu-overlay-mobile-hp {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1070;
    height: 100%;
    display: none;
}

.mobile-menu-icon-hp {
    display: none;
    margin: 0px;
    float: right;
    padding: 0px;
    height: 15px;
}

/*.mobile-menu-icon-hp a{ display:block;}*/
.mobile-menu-icon-hp a {
    display: inline-block;
    height: 15px;
    width: 30px;
    background: url(../../images/2018/mobile_menu_icon.png) no-repeat center;
}

.mobile-menu-icon-hp a img {
    display: flex;
}

.mobile-menu-main-hp {
    margin: 0px;
    position: fixed;
    z-index: 1080;
    top: 130px;
    left: 0px;
}

/*overflow:auto;*/
.mobile-menu-header-hp {
    height: 50px;
    margin: 15px 0px 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.search-icon-mobile-menu-hp {
    float: left;
    margin: 0px 0px 0px 14px;
    padding: 0px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.search-icon-mobile-menu-hp a {
    display: block;
}

/*.mobile-menu-back-icon-hp{ margin:0px; padding:0px 0px 0px 55px; background:url(../../images/2018/menu_back_arrow_black.png) no-repeat center left 30px; font-size:14px; line-height:50px; color:#000; font-weight:700;}*/
.menu__item {
    border-bottom: solid 1px #d5ad33;
}

.menu__link {
    line-height: 50px;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    color: #232323;
    font-size: 25px;
    font-weight: 400;
    vertical-align: top;
}

.menu__link .jubilaeum-menu-icon-hp {
    float: left;
    width: 0px;
    margin: 0px 14px 0px 26px;
    background-size: 26px;
    height: 50px;
}

.menu__link .sport-menu-icon-hp {
    float: left;
    width: 0px;
    margin: 0px 14px 0px 26px;
    background-size: 26px;
    height: 50px;
}

.menu__link .club-menu-icon-hp {
    float: left;
    width: 0;
    margin: 0px 14px 0px 26px;
    background-size: 26px;
    height: 50px;
}

.menu__link .tickets-menu-icon-hp {
    float: left;
    width: 0px;
    margin: 0px 14px 0px 26px;
    background-size: 28px;
    height: 50px;
}

.menu__link .business-menu-icon-hp {
    float: left;
    width: 0px;
    margin: 0px 14px 0px 26px;
    background-size: 26px;
    height: 50px;
}

.menu__link .fans-menu-icon-hp {
    float: left;
    width: 0px;
    margin: 0px 14px 0px 26px;
    background-size: 24px;
    height: 50px;
}

.menu__link .kids-menu-icon-hp {
    float: left;
    width: 0px;
    margin: 0px 14px 0px 26px;
    background-size: 28px;
    height: 50px;
}

.menu__link .shop-menu-icon-hp {
    float: left;
    width: 0px;
    margin: 0px 14px 0px 26px;
    background-size: 28px;
    height: 50px;
}

.menu__item .lang-menu-icon-hp {
    float: left;
    width: 280;
    margin: 0px 14px 0px 26px;
    background-size: 28px;
    height: 50px;
}

.menu__link7 {
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 26px;
    text-align: left;
    color: #232323;
    font-size: 16px;
    font-weight: 400;
}

.menu__link:hover {
    background: #000;
    color: #fff;
}

.menu__link:hover .jubilaeum-menu-icon-hp {
    background: url(../../images/2018/jubilaeum_menu_icon_yellow.svg) no-repeat center center;
    background-size: 26px;
}

/*
.menu__link:hover .sport-menu-icon-hp{ background:url(../../images/2018/sport_menu_icon_yellow.png) no-repeat center center; background-size:26px;}
.menu__link:hover .club-menu-icon-hp{ background:url(../../images/2018/club_menu_icon_yellow.png) no-repeat center center; background-size:26px;}
.menu__link:hover .tickets-menu-icon-hp{ background:url(../../images/2018/tickets_menu_icon_yellow.png) no-repeat center center; background-size:28px;}
.menu__link:hover .business-menu-icon-hp{ background:url(../../images/2018/business_menu_icon_yellow.png) no-repeat center center; background-size:26px;}
.menu__link:hover .fans-menu-icon-hp{ background:url(../../images/2018/fans_menu_icon_yellow.png) no-repeat center center; background-size:24px;}
.menu__link:hover .kids-menu-icon-hp{ background:url(../../images/2018/kids_menu_icon_yellow.png) no-repeat center center; background-size:28px;}
.menu__link:hover .shop-menu-icon-hp{ background:url(../../images/2018/shop_menu_icon_yellow.png) no-repeat center center; background-size:28px;}
*/
.menu__level__sub .menu__link {
    padding-left: 50px;
}

.menu__breadcrumbs a {
    line-height: 50px;
    font-weight: 400;
    color: #232323;
}

.menu__breadcrumbs a .sport-menu-icon-hp {
    float: left;
    height: 50px;
    line-height: 50px;
    background-size: 26px;
    margin: 0px 5px 0px 0px;
}

.menu__breadcrumbs a .club-menu-icon-hp {
    float: left;
    height: 50px;
    line-height: 50px;
    background-size: 26px;
    margin: 0px 5px 0px 0px;
}

.menu__breadcrumbs a .tickets-menu-icon-hp {
    float: left;
    height: 50px;
    line-height: 50px;
    background-size: 28px;
    margin: 0px 5px 0px 0px;
}

.menu__breadcrumbs a .business-menu-icon-hp {
    float: left;
    height: 50px;
    line-height: 50px;
    background-size: 26px;
    margin: 0px 5px 0px 0px;
}

.menu__breadcrumbs a .fans-menu-icon-hp {
    float: left;
    height: 50px;
    line-height: 50px;
    background-size: 24px;
    margin: 0px 5px 0px 0px;
}

.menu__breadcrumbs a .kids-menu-icon-hp {
    float: left;
    height: 50px;
    line-height: 50px;
    background-size: 28px;
    margin: 0px 5px 0px 0px;
}

.menu__breadcrumbs a .shop-menu-icon-hp {
    float: left;
    height: 50px;
    line-height: 50px;
    background-size: 28px;
    margin: 0px 5px 0px 0px;
}

.menu__level__sub .menu__link img {
    height: 22px;
    margin: 0px 0px 0px 15px;
    line-height: 50px;
}

.menu__level__sub .menu__link:hover img {
    display: none;
}

.mob-menu-social-hp {
    margin: 26px 0px 0px 0px;
}

.mob-menu-social-left-hp {
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 15px;
}

.mob-menu-social-icon-hp {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0px 12px 0px 0px;
}

.mob-menu-social-icon-hp a {
    display: block;
    color: #404040;
}

.mob-menu-social-icon-hp a i {
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    display: block;
}

.mob-menu-social-right-hp {
    float: left;
    margin: 26px 0 0 0px;
    padding: 0px 26px 0px 0px;
    font-size: 14px;
    color: #232323;
    line-height: 50px;
}

.mob-menu-social-right-hp li {
    float: left;
}

.mob-menu-social-right-hp a {
    color: #232323;
    margin-left: 26px;
}

.mob-menu-social-hp a:hover {
    color: #000;
}

.mobile-search-tbox-hp {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.mobile-search-tbox-hp input {
    margin: 0px;
    padding: 0px 20px;
    width: 100%;
    font-size: 14px;
    color: #777777;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    font-family: 'Crystal-Medium', sans-serif;
    border: 0px;
    outline: 0px;
}

.menu__level--current {
    overflow-y: scroll;
}

.menu__wrap {
    border-top: solid 1px #d5ad33;
}

img.OnlineShopImg {
    width: 30%;
    margin-left: 30px;
    margin-top: 5%;
}

/*--------------- MOBILE_MENU_END --------------*/


/*--------------- SPOELPLAN_PAGE_START --------------*/
.banner-top-main-spp {
    margin: 180px 0px 0px 0px;
    padding: 0px;
    height: 363px;
    position: relative;
}

.banner-top-inn-spp .hero-box-top-hp {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    z-index: 1003;
}

.banner-top-inn-spp .hero-box-top-hp .hero-search-box-main-hp {
    float: none;
}

.banner-top-inn-spp .hero-box-top-hp .hero-box-top-left-hp {
    float: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
}

/*.banner-top-inn-spp .hero-box-top-hp .language-menu-lp{ float:none;}*/
.banner-top-inn-spp .hero-box-top-hp .hero-social-lp {
    float: none;
}

/*.banner-top-inn-spp .hero-box-top-hp .language-menu-lp .bootstrap-select{ width:50px !important; border-bottom:2px solid #404040 !important; border-right:0px !important; height:52px; background:none !important;}*/
/*.banner-top-inn-spp .hero-box-top-hp .language-menu-lp .dropdown-toggle{ padding:0px 10px; font-size:12px; background:none;}*/
/*.banner-top-inn-spp .hero-box-top-hp .language-menu-lp .bootstrap-select.btn-group .dropdown-toggle .caret{ right:10px;}*/
/*.banner-top-inn-spp .hero-box-top-hp .language-menu-lp .open > .dropdown-menu{ width:88px; right:50px;}*/
.banner-top-inn-spp .hero-box-top-hp .hero-social-lp ul li a {
    background: none;
}

.banner-top-inn-spp .hero-box-top-hp .hero-social-lp ul li:hover a {
    background: #ffd100;
}

.banner-top-inn-spp {
    margin: 0px;
    padding: 0px;
    height: 100%;
    background: url(../../images/2018/spielplan_banner_back_spp.png) repeat-x center top;
}

.breadcrumb-main-spp {
    margin: 0px;
    width: 100%;
    padding: 0px;
}

.breadcrumb-inn-spp {
    margin: 24px 0px 0px;
}

.breadcrumb-inn-spp > ul {
    margin: 0px;
    padding: 0px;
}

.breadcrumb-inn-spp > ul > li {
    float: left;
    font-size: 12px;
    line-height: 34px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

.breadcrumb-inn-spp > ul > li > a {
    color: #c4c4c4;
    display: block;
}

.breadcrumb-inn-spp > ul > li > a img {
    vertical-align: middle;
    margin: -3px 0px 0px;
}

.breadcrumb-inn-spp > ul > li.active > a {
    color: #ffd100;
}

.breadcrumb-inn-spp > ul > li > a:after {
    content: ">";
    padding: 0 8px;
    color: #c4c4c4;
    font-size: 12px;
    display: inline-block;
}

.breadcrumb-inn-spp > ul > li:last-child > a:after {
    display: none !important;
}

/*----- BREADCRUMB_SELECT_MENU_START -----*/
.breadcrumb-default-select-menu-ssp {
    margin: 0px;
    padding: 0px;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select {
    display: block !important;
    margin: 0px !important;
    background: none !important;
    padding: 0px !important; /* width:160px !important;*/
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    height: 34px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    behavior: url(PIE.htc);
    position: relative;
    z-index: 1045;
    border: 0;
}

.breadcrumb-default-select-menu-ssp .dropdown-toggle {
    background: none;
    border: 0px;
    line-height: 34px;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    behavior: url(PIE.htc);
    position: relative;
    box-shadow: 0px 0px 0px;
    color: #ffd100;
    font-family: 'Crystal-Medium', sans-serif;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #ffd100 !important;
    width: auto;
    padding-right: 5px;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    float: left;
    display: block;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: relative;
    background: url(../../images/2018/sub_nav_bot_arrow_ssp.png) no-repeat center right;
    width: 14px;
    height: 14px;
    border: 0px;
    right: 0px;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group.open .dropdown-toggle .caret {
    background: url(../../images/2018/sub_nav_top_arrow_ssp.png) no-repeat center right;
    width: 14px;
    height: 14px;
    border: 0px;
    right: 0px;
}

.breadcrumb-default-select-menu-ssp .open > .dropdown-toggle.btn-default {
    background: #ffd100;
    border: 0px;
    color: #232323;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    padding: 0px 10px 0px;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group.open > .dropdown-toggle .filter-option {
    color: #232323 !important;
}

.breadcrumb-default-select-menu-ssp .open > .dropdown-toggle.btn-default:hover, .breadcrumb-default-select-menu-ssp .open > .dropdown-toggle.btn-default:focus, .breadcrumb-default-select-menu-ssp .open > .dropdown-toggle.btn-default.focus {
    background: #ffd100;
    border: 0px;
    color: #232323;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.breadcrumb-default-select-menu-ssp .btn-default:active:hover, .breadcrumb-default-select-menu-ssp .btn-default.active:hover, .breadcrumb-default-select-menu-ssp .open > .dropdown-toggle.btn-default:hover, .breadcrumb-default-select-menu-ssp .btn-default:active:focus, .breadcrumb-default-select-menu-ssp .btn-default.active:focus, .breadcrumb-default-select-menu-ssp .open > .dropdown-toggle.btn-default:focus, .breadcrumb-default-select-menu-ssp .btn-default.focus:active, .breadcrumb-default-select-menu-ssp .btn-default.active.focus, .breadcrumb-default-select-menu-ssp .open > .dropdown-toggle.btn-default.focus {
    background: #ffd100;
    border: 0px;
    color: #232323;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.breadcrumb-default-select-menu-ssp .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.breadcrumb-default-select-menu-ssp .open > .dropdown-menu {
    margin: 0px 0px 0px 0px;
    z-index: 0;
    padding: 0px 0px 0px;
    color: #232323;
    behavior: url(PIE.htc);
    background: #ffd100;
    border: 0px;
    border-top: 0;
    border-radius: 0px;
    top: 34px;
    right: 0px;
    left: 0;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group .dropdown-menu li {
    border-top: solid 1px #d6ae33;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group .dropdown-menu li a {
    color: #232323;
    padding: 0px 10px 0px;
    line-height: 34px;
    font-size: 13px;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background: #232323;
    color: #fff;
}

.breadcrumb-default-select-menu-ssp .bootstrap-select.btn-group .dropdown-menu li.selected a {
    background: #232323;
    color: #fff;
}

/*----- BREADCRUMB_SELECT_MENU_END -----*/

.container.subnav {
    width: auto;
}

.sub-navigation-main-ssp {
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 1040;
}

.sub-navigation-inner-ssp {
    margin: 0px;
}

.sub-navigation-inner-ssp > ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    background: #ffd100;
}

.sub-navigation-inner-ssp > ul > li {
    float: left;
    margin: 0px;
    padding: 5px 0;
    position: relative;
    margin-bottom: -1px;
}

.sub-navigation-inner-ssp > ul > li > a {
    display: block;
    color: #292929;
    font-size: 20px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 15px;
}

.sub-navigation-inner-ssp > ul > li > a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.sub-navigation-inner-ssp > ul > li > a.ext-link {
    padding: 0px 15px 0px 40px;
    background-image: url(../../images/2018/icons/16px/arrow/link1-y.svg);
    background-position: calc(0% + 20px) 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}

.sub-navigation-inner-ssp > ul > li.active > a {
    text-decoration: underline;
    text-underline-offset: 3px;
    font-family: 'Crystal-RegularItalic', 'Crystal-Regular';
    font-style: italic;
}

.sub-navigation-inner-ssp > ul > li.open > a {
    background: #ffd100;
    color: #292929;
}

.sub-navigation-inner-ssp > ul > li::after {
    content: '';
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    bottom: 0;
    z-index: 1;
}

.sub-navigation-inner-ssp .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border: 1px solid #d5d5d5;
    border-radius: 0px;
    min-width: 226px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

.sub-navigation-inner-ssp .dropdown-menu > li > a {
    font-size: 13px;
    line-height: 40px;
    padding: 0px 16px 0px;
    color: #292929;
}

.sub-navigation-inner-ssp .dropdown-menu > li > a:hover {
    background: #ffd100;
}

.sub-navigation-inner-ssp .dropdown-menu > li.active > a {
    background: #ffd100;
    color: #292929;
}

.sub-navigation-inner-ssp > ul > li.dropdown > a .sub-nav-menu-caret-ssp {
    border: 0px;
    background: url(../../images/2018/sub_nav_bot_arrow_ssp.png) no-repeat center center;
    width: 13px;
    height: 7px;
}

.sub-navigation-inner-ssp > ul > li.dropdown > a:hover .sub-nav-menu-caret-ssp {
    background: url(../../images/2018/sub_nav_bot_arrow_white_ssp.png) no-repeat center center;
    width: 13px;
    height: 7px;
}

.sub-navigation-inner-ssp > ul > li.dropdown.open > a:hover .sub-nav-menu-caret-ssp {
    background: url(../../images/2018/sub_nav_bot_arrow_ssp.png) no-repeat center center;
    width: 13px;
    height: 7px;
}

.sub-navigation-inner-ssp > ul > li.close-icon-spp {
    margin: 0px;
    padding: 0px;
}

.sub-navigation-inner-ssp > ul > li.close-icon-spp > a {
    display: block;
    background: url(../../images/2018/close_icon_black_np.png) no-repeat center center #ffd100;
    margin: 0px;
    padding: 0px;
    width: 51px;
    height: 50px;
}

.sub-navigation-inner-ssp > ul > li.close-icon-spp > a:hover {
    background: url(../../images/2018/close_icon_white_np.png) no-repeat center center #292929;
}

.sub-navigation-inner-ssp > ul > li.close-icon-spp.active > a:hover {
    background: url(../../images/2018/close_icon_white_np.png) no-repeat center center #292929;
}

.sub-navigation-inner-ssp > ul > li.left-arrow-icon-spp {
    margin: 0px;
    padding: 0px;
}

.sub-navigation-inner-ssp > ul > li.left-arrow-icon-spp > a {
    display: block;
    background: url(../../images/2018/left_arrow_icon_black_np.png) no-repeat center center #fff;
    margin: 0px;
    padding: 0px;
    width: 51px;
    height: 50px;
}

.sub-navigation-inner-ssp > ul > li.left-arrow-icon-spp > a:hover {
    background: url(../../images/2018/left_arrow_icon_white_np.png) no-repeat center center #292929;
}

.sub-navigation-inner-ssp > ul > li.right-arrow-icon-spp {
    margin: 0px;
    padding: 0px;
}

.sub-navigation-inner-ssp > ul > li.right-arrow-icon-spp > a {
    display: block;
    background: url(../../images/2018/right_arrow_icon_black_np.png) no-repeat center center #fff;
    margin: 0px;
    padding: 0px;
    width: 51px;
    height: 50px;
}

.sub-navigation-inner-ssp > ul > li.right-arrow-icon-spp > a:hover {
    background: url(../../images/2018/right_arrow_icon_white_np.png) no-repeat center center #292929;
}

/*.spielplan-main-ssp{ margin:0px; padding:0px;}*/
/*.spielplan-inner-ssp{ margin:0px;}*/
.spielplan-info-main-ssp {
    width: 900px;
    margin: 0px;
    padding: 0px;
}

.spielplan-info-title-main-ssp {
    margin: 0px;
    padding: 45px 0px 40px;
}

.spielplan-info-title-main-ssp h1 {
    font-size: 40px;
    line-height: 40px;
    color: #202020;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    float: left;
}

.first-container .spielplan-info-dmenus-spp {
    float: right;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 1040;
}

/* z-index added and equal to submenu | only if in first content of page */
.first-container .spielplan-info-dmenu1-spp {
    float: left;
    margin: 0px 0px 20px 20px;
    padding: 0px;
    position: relative;
}

/* z-index:1040; romev due overlapping of filters in mobile */
.spielplan-info-dmenu2-spp {
    position: relative;
    z-index: 1030;
}

/*----- DEFAULT_SELECT_MENU_START -----*/
.default-select-menu-ssp {
    margin: 0px;
    padding: 0px;
}

.default-select-menu-ssp .bootstrap-select {
    margin: 0px !important;
    background: #fff !important;
    padding: 0px !important;
    width: 220px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    height: 40px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    behavior: url(PIE.htc);
    position: relative;
    border: 1px solid #d8d8d8;
}

/* z-index:1030; romev due overlapping of filters in mobile */
.default-select-menu-ssp.small-selector .bootstrap-select {
    width: 100px !important
}

.default-select-menu-ssp .dropdown-toggle {
    background: #fff;
    border: 0px;
    line-height: 38px;
    font-size: 13px;
    padding: 0px 15px 0px 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    behavior: url(PIE.htc);
    position: relative;
    box-shadow: 0px 0px 0px;
    color: #232323;
    font-family: 'Crystal-Medium', sans-serif;
}

.default-select-menu-ssp .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #232323 !important;
}

.default-select-menu-ssp .bootstrap-select.btn-group .dropdown-toggle .caret {
    color: #999999;
    right: 15px;
    background: url(../../images/2018/sub_nav_bot_arrow_ssp.png) no-repeat center right;
    width: 13px;
    height: 7px;
    border: 0px;
}

.default-select-menu-ssp .bootstrap-select.btn-group.open .dropdown-toggle .caret {
    background: url(../../images/2018/sub_nav_top_arrow_ssp.png) no-repeat center right;
    width: 13px;
    height: 7px;
    border: 0px;
}

.default-select-menu-ssp .open > .dropdown-toggle.btn-default {
    background: #f8f8f7;
    border: 0px;
    color: #232323;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.default-select-menu-ssp .open > .dropdown-toggle.btn-default:hover, .default-select-menu-ssp .open > .dropdown-toggle.btn-default:focus, .default-select-menu-ssp .open > .dropdown-toggle.btn-default.focus {
    background: #f8f8f7;
    border: 0px;
    color: #232323;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.default-select-menu-ssp .btn-default:active:hover, .default-select-menu-ssp .btn-default.active:hover, .default-select-menu-ssp .open > .dropdown-toggle.btn-default:hover, .default-select-menu-ssp .btn-default:active:focus, .default-select-menu-ssp .btn-default.active:focus, .default-select-menu-ssp .open > .dropdown-toggle.btn-default:focus, .default-select-menu-ssp .btn-default.focus:active, .default-select-menu-ssp .btn-default.active.focus, .default-select-menu-ssp .open > .dropdown-toggle.btn-default.focus {
    background: #f8f8f7;
    border: 0px;
    color: #232323;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.default-select-menu-ssp .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.default-select-menu-ssp .open > .dropdown-menu {
    margin: 0px 0px 0px 0px;
    z-index: 2;
    padding: 0px 0px 0px;
    color: #232323;
    behavior: url(PIE.htc);
    background: #fff;
    border: 1px solid #d8d8d8;
    border-top: 0;
    border-radius: 0px;
    right: 0px;
    left: 0;
    width: 100% !important;
}

.default-select-menu-ssp .bootstrap-select.btn-group .dropdown-menu li a {
    color: #232323;
    padding: 0px 15px 0px;
    line-height: 40px;
    font-size: 13px;
}

.default-select-menu-ssp .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background: #ffd100;
    color: #232323;
}

.default-select-menu-ssp .bootstrap-select.btn-group .dropdown-menu li.selected a {
    background: #ffd100;
    color: #232323;
}

/*----- DEFAULT_SELECT_MENU_END -----*/

/*.spiel-next-game-info-left-spp{ float:left; margin:0px; padding:0px 0px 0px 20px; width:255px;}*/
/*.spiel-next-game-info-left-spp h5{ font-size:13px; line-height:13px; color:#ffffff; padding:24px 0px 0px; margin:0px; opacity:0.5;}*/
/*.spiel-next-game-info-left-spp h2{ font-size:43px; line-height:41px; color:#ffffff; padding:28px 0px 18px; margin:0px; font-family: 'AntiqueOliveStd-BoldCond';}*/
/*.spiel-next-game-info-left-spp p{ font-size:13px; line-height:13px; color:#ffffff; padding:0px 0px 6px; margin:0px;}*/
/*.spiel-next-game-info-right-spp{ float:right; margin:0px; padding:0px; width:calc(100% - 255px);}*/
/*.next-game-team-info-spp{ width:390px; float:left; margin:0px; padding:0px;}*/
/*.next-game-counter-spp{ margin:0px; padding:27px 0px 16px;}*/
/*.next-game-team-name-main-spp{ margin:0px; padding:0px;}*/
/*.next-game-team-logo-sssp{ width:calc(50% - 20px);}*/
/*.next-game-team-logo-sssp img{ width:80px;}*/
/*.next-game-team-logo-sssp p{ font-size:17px; line-height:19px; font-weight:700; color:#fff; padding:13px 0px 0px; text-align:center; margin:0px;}*/
/*.spielplan-list-main-spp{ margin:0px; padding:0px 0px 155px;}*/
/*.game-result-link-main-spp{ margin:35px 0px 20px; padding:0px;}*/
/*.game-result-link-spp{ float:right;}*/
/*.spielplan-list-inner-spp{ margin:0px; padding:0px;}*/
.spielplan-item {
    margin: 0px 0px 14px;
    padding: 0px;
    border: solid 1px #d5d5d5;
    min-height: 94px;
    position: relative;
}

.spielplan-item-left {
    width: calc(100% - 200px);
    margin: 0px;
    padding: 0px;
    float: left;
}

/*
.spielplan-list-number-spp{ margin:0px; padding:0px; width:90px; float:left;}
.spielplan-list-number-inn-spp{ width:calc(100% - 25px); height:94px; background:#ebebeb; margin:-1px 0px -1px -1px; position:relative;}
.spielplan-list-number-inn-spp:after{ border-top:94px solid #ebebeb; border-right:25px solid transparent; height:95px; content:''; position:absolute; right:-25px; top:0;}
.spielplan-list-number-inn-spp p{ font-size:40px; line-height:96px; text-align:center; color:#202020; font-family: 'AntiqueOliveStd-BoldCond';}
.spielplan-list-number-yellow-inn-spp{ background:#ffcf00;}
.spielplan-list-number-yellow-inn-spp:after{ border-top:94px solid #ffcf00;}
*/
.spielplan-title {
    display: none;
}

.spielplan-game-info {
    margin: 0px;
    padding: 21px 0px 0px 10px;
    float: left;
    width: 140px;
}

.spielplan-game-info span {
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    margin: 0px;
    padding: 0px 0px 1px;
    float: left;
    clear: both;
}

.spielplan-game-info span.spielplan-date {
    font-size: 17px;
    line-height: 19px;
    font-weight: 700;
    padding: 0px 0px 3px;
}

.spielplan-title {
    margin: 0px;
    padding: 21px 0px 0px 10px;
    float: left;
    width: 140px;
    clear: left;
}

.spielplan-league-info {
    margin: 0px;
    padding: 5px 0px 0px 10px;
    width: 140px;
    float: left;
    clear: left;
}

.spielplan-league-info span {
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    margin: 0px;
    padding: 0px 0px 1px;
}

.spielplan-league-info span.spielplan-date {
    font-weight: 700;
    padding: 0px 0px 3px;
}

.spielplan-team-info {
    margin: 0px;
    width: calc(100% - 140px);
    display: flex;
}

.spielplan-team-info-block {
    width: 40%;
    margin: 0px;
    float: left;
    height: 92px;
    display: table;
}

.spielplan-team-info-logo {
    display: table-cell;
    vertical-align: middle;
    padding-top: 23px;
    float: right;
}

.spielplan-team-info-logo img {
    max-width: 46px;
    height: 46px;
}

.spielplan-team-info-name {
    padding: 35px 10px 20px 10px;
    margin: 0px;
    float: right;
}

.spielplan-team-info-name span {
    font-size: 17px;
    line-height: 19px;
    color: #333333;
    font-weight: 700;
    padding: 2px 0px 2px;
    margin: 0px;
}

.sp-gast .spielplan-team-info-logo {
    float: left;
}

.sp-gast .spielplan-team-info-name {
    float: left;
}

.spielplan-team-info-block-score {
    float: left;
    width: 20%;
    text-align: center;
    padding: 22px 10px 20px 10px;
}

.spielplan-team-info-block-score span {
    font-size: 17px;
    line-height: 45px;
    color: #333333;
    font-weight: 700;
    margin: 0px;
}

.spielplan-team-info-block-score span.spielplan-score {
    font-size: 19px;
}

.spielplan-item-right {
    width: 200px;
    margin: 0px;
    padding: 0px;
    float: right;
}

.spielplan-button-block {
    margin: 0px;
    padding: 0px;
    width: 100%; /*200px;*/
    float: right;
    border-left: solid 1px #d5d5d5;
    background: #f8f8f7;
    min-height: 92px;
    text-align: center;
}

.spielplan-btn {
    margin: 27px 4px 0px;
    display: block;
}

.sp-button-num-2 .spielplan-btn {
    margin-top: 8px;
}

.not-scheduled-text-spp {
    margin: 0px;
    padding: 37px 0px 0px;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #777777;
}

.spielplan-bigitem {
    min-height: 238px;
    background: url(../../images/2018/spiel_game_info_banner_spp.png) no-repeat center center #191919;
    background-size: cover;
    border-width: 0;
    color: #fff;
}

.spielplan-bigitem .spielplan-item-left {
    width: calc(100% - 300px);
}

.spielplan-bigitem .spielplan-item-right {
    width: 300px;
}

/*.spielplan-bigitem .spielplan-item-right{ width:calc(100% - 390px); float:right; margin:0px; padding:68px 0px 0px 30px;}*/
/*.spielplan-bigitem .spielplan-btn{ margin:0px 0px 15px 0px; padding:0px;}*/

.spielplan-bigitem .spielplan-game-info {
    width: 240px;
    padding-left: 20px;
}

.spielplan-bigitem .spielplan-game-info span {
    color: #fff;
}

.spielplan-bigitem .spielplan-title {
    width: 240px;
    display: block;
    padding-left: 20px;
}

.spielplan-bigitem .spielplan-title h1 {
    color: #fff;
    line-height: 1em;
    padding: 0;
}

.spielplan-bigitem .spielplan-league-info {
    width: 240px;
    padding-left: 20px;
}

.spielplan-bigitem .spielplan-league-info span {
    color: #fff;
}

.spielplan-bigitem .spielplan-team-info {
    width: calc(100% - 240px);
    padding: 70px 40px 0;
}

.spielplan-bigitem .spielplan-team-info-logo {
    display: block;
    float: none;
    text-align: center;
    padding-top: 0;
}

.spielplan-bigitem .spielplan-team-info-logo img {
    max-width: 92px;
    height: 92px;
}

.spielplan-bigitem .spielplan-team-info-name {
    float: none;
    text-align: center;
    padding-top: 10px;
}

.spielplan-bigitem .sp-gast .spielplan-team-info-logo {
    float: none;
}

.spielplan-bigitem .sp-gast .spielplan-team-info-name {
    float: none;
}

.spielplan-bigitem .spielplan-team-info-name span {
    color: #fff;
}

.spielplan-bigitem .spielplan-team-info-block-score span {
    color: #fff;
    font-size: 33px;
}

.spielplan-bigitem .spielplan-button-block {
    border-width: 0;
    background-color: transparent;
    padding-top: 50px;
}

.spielplan-bigitem .spielplan-btn {
    margin-top: 46px
}

.spielplan-bigitem .sp-button-num-2 .spielplan-btn {
    margin-top: 15px;
}

.spielplan-bigitem .spielplan-btn .default-btn-main {
    text-align: left;
}

/*----- SUB_NAV_MOBILE_MENU_START -----*/
.sub-nav-mobile-menu-spp {
    display: none;
    margin: 0px;
    position: relative;
    z-index: 1050;
}

.sub-nav-mobile-menu-inn-spp {
    margin: 0px;
    padding: 0px;
}

.sub-nav-mobile-menu-inn-spp .btn-default {
    width: 100%;
    padding: 0px 15px 0px 15px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #232323;
    background: #e1b700;
    text-align: left;
    border: 0px;
    border-radius: 0px;
    display: block;
    position: relative;
}

.sub-nav-mobile-menu-inn-spp .dropdown-toggle .caret {
    color: #999999;
    right: 17px;
    background: url(../../images/2018/icons/16px/arrow/dropdown2.svg) no-repeat center right;
    width: 16px;
    height: 7px;
    border: 0px;
    position: absolute;
    top: 0px;
    margin: 21px 0px 0px 0px;
    right: 15px;
    display: block;
}

.sub-nav-mobile-menu-inn-spp.open .dropdown-toggle .caret {
    background: url(../../images/2018/icons/16px/arrow/dropdown2_w.svg) no-repeat center right;
    width: 16px;
    height: 7px;
    border: 0px;
}

.sub-nav-mobile-menu-inn-spp .btn-default:active:hover, .sub-nav-mobile-menu-inn-spp .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .sub-nav-mobile-menu-inn-spp .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .sub-nav-mobile-menu-inn-spp .btn-default:active.focus, .sub-nav-mobile-menu-inn-spp .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background: #232323;
    color: #fff;
}

.sub-nav-mobile-menu-inn-spp .btn-default:active, .sub-nav-mobile-menu-inn-spp .btn-default.active, .open > .dropdown-toggle.btn-default {
    background: #232323;
    color: #fff;
}

.sub-nav-mobile-menu-inn-spp .dropdown-menu {
    width: 100%;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
    left: 0px;
    background-clip: inherit;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    background: #ffd100;
}

.sub-nav-mobile-menu-inn-spp .dropdown-menu > li {
    border-top: solid 1px #d6ae33;
}

.sub-nav-mobile-menu-inn-spp .dropdown-menu > li > a {
    color: #232323;
    padding: 0px 15px 0px;
    line-height: 48px;
    font-size: 14px;
}

.sub-nav-mobile-menu-inn-spp .dropdown-menu li a:hover {
    background: #232323;
    color: #fff;
}

.sub-nav-mobile-menu-inn-spp .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: #232323;
    color: #fff;
}

.subnav-mobile-submenu-title-spp {
    display: block;
    width: 100%;
    padding: 0px 15px 0px 15px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #232323;
}

.sub-nav-mobile-menu-inn-spp .dropdown-submenu .dropdown-toggle .caret {
    color: #999999;
    right: 15px;
    background: url(../../images/2018/sub_nav_mobile_black_arrow_spp.png) no-repeat center right;
    width: 11px;
    height: 7px;
    border: 0px;
}

.sub-nav-mobile-menu-inn-spp .dropdown-submenu.open .dropdown-toggle .caret {
    background: url(../../images/2018/sub_nav_mobile_white_arrow_spp.png) no-repeat center right;
    width: 11px;
    height: 7px;
    border: 0px;
}

.sub-nav-mobile-menu-inn-spp .dropdown-submenu.open .subnav-mobile-submenu-title-spp {
    background: #232323;
    color: #fff;
}

/*----- SUB_NAV_MOBILE_MENU_END -----*/

/*--------------- SPOELPLAN_PAGE_START_END --------------*/

/*--------------- KADER_PAGE_START ----------------*/
/*.banner-top-main-spp{ padding:110px 0 80px 0; background:#232323 url(../../images/2018/main_back_kap.png) repeat-x top; }*/
.kader-detail .banner-top-main-spp {
    padding: 0;
    background: #232323 !important;
}

.kader-detail .banner-top-main-spp .breadcrumb-main-spp {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}

.kader-inner-kap {
    padding: 0px;
}

.kader-left-main-kap {
    float: left;
}

.player-img-main-kap {
    margin: 0px;
    padding: 0px;
    position: relative;
    min-height: 670px;
}

.player-front-img-kap {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.player-back-img-kap {
    margin: 0px;
    padding: 0px;
    text-align: center;
    display: none;
}

.player-img-show-kap {
    display: block;
}

.player-img-hide-kap {
    display: none;
}

.player-img-transform-arrow-kap {
    margin: -10px 0px 0px;
    padding: 0px;
}

.player-img-transform-arrow-kap a {
    display: block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    margin: 0px auto;
    padding: 0px;
    background: url(../../images/2018/player_transform_icon_yellow_kap.png) no-repeat center center #000;
    border-radius: 100%;
}

.player-img-transform-arrow-kap a:hover {
    background: url(../../images/2018/player_transform_icon_black_kap.png) no-repeat center center #ffd100;
}

.kader-right-main-kap {
    float: left;
}

.kader-right-inner-kap {
    padding: 0px 0px 0px 30px;
}

.kader-info-title-main-kap {
    margin: 0px;
    padding: 0px;
}

.kader-info-title-left-kap {
    margin: 0px;
    padding: 0px;
    float: left;
}

.content-inner .kader-info-title-left-kap h2 {
    color: #fff;
    padding: 10px 0px 0px;
    margin: 0px;
}

.content-inner .kader-info-title-left-kap h2 .spnum {
    color: #ffd100;
}

.kader-arrow-main-kap {
    margin: 14px 0px 0px 0px;
    padding: 0px;
    float: right;
}

.kader-grid-icon-kap {
    margin: 0px;
    padding: 0px;
    float: left;
}

.kader-grid-icon-kap a {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../images/2018/kader_grid_black_icon_kap.png) no-repeat center center #ffd100;
    margin: 0px;
    padding: 0px;
}

.kader-grid-icon-kap a:hover {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../images/2018/kader_grid_white_icon_kap.png) no-repeat center center #191919;
    margin: 0px;
    padding: 0px;
}

.kader-arrow-right-kap {
    margin: 0px;
    padding: 0px;
    float: left;
}

.kader-prev-icon-kap {
    margin: 0px;
    padding: 0px;
    float: left;
}

.kader-prev-icon-kap a {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../images/2018/kader_prev_white_icon_kap.png) no-repeat center center #191919;
    margin: 0px;
    padding: 0px;
}

.kader-prev-icon-kap a:hover {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../images/2018/kader_prev_black_icon_kap.png) no-repeat center center #ffd100;
    margin: 0px;
    padding: 0px;
}

.kader-next-icon-kap {
    margin: 0px;
    padding: 0px;
    float: left;
}

.kader-next-icon-kap a {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../images/2018/kader_next_white_icon_kap.png) no-repeat center center #191919;
    margin: 0px;
    padding: 0px;
}

.kader-next-icon-kap a:hover {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../images/2018/kader_next_black_icon_kap.png) no-repeat center center #ffd100;
    margin: 0px;
    padding: 0px;
}

.player-info-part1-main-kap {
    margin: 0px;
    padding: 43px 0px 0px 0px;
}

.player-basic-data-info-kap {
    margin: 0px;
    padding: 0px;
    width: 316px;
    float: left;
}

.player-info-title-kap {
    margin: 0px;
    padding: 0px 0px 11px 0px;
    font-size: 14px;
    line-height: 14px;
    color: #ececec;
}

.player-basic-data-table-kap {
    margin: 0px;
    padding: 0px;
}

.player-basic-data-table-r1-kap {
    margin: 0px;
    padding: 0px;
    border-bottom: solid 1px #5c5c5c;
}

.player-basic-data-r1-label-kap {
    margin: 0px;
    padding: 0px;
    width: 158px;
    float: left;
    font-size: 13px;
    color: #868686;
    line-height: 30px;
}

.player-basic-data-r1-text-kap {
    margin: 0px;
    padding: 0px;
    width: calc(100% - 158px);
    float: right;
    font-size: 13px;
    color: #ececec;
    line-height: 30px;
}

.player-board-trustees-box-kap {
    margin: 0px;
    float: right;
    padding: 0px;
    width: 100%;
}

.player-board-trustees-logo-kap {
    margin: 0px;
    padding: 0px;
    width: 314px;
    height: 140px;
    background: #fff;
    display: table;
    text-align: center;
}

.player-board-trustees-logo-kap a {
    display: table-cell;
    vertical-align: middle;
    line-height: 140px;
}

.player-board-trustees-logo-kap a img {
    vertical-align: middle;
}

.current-stati-info-main-kap {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.current-stati-info-title-main-kap {
    margin: 0px;
    padding: 0px 0px 24px;
}

.current-stati-info-title-main-kap .player-info-title-kap {
    float: left;
    line-height: 38px;
    padding: 0px;
}

.current-stati-selectbox-kap {
    margin: 0px;
    padding: 0px;
}

.current-stati-table-main-kap {
    margin: 0px;
    padding: 0px;
}

.current-stati-table-title-kap {
    margin: 0px;
    padding: 0px;
}

.current-stati-table-title-kap table {
    margin-bottom: 0px;
    border: 0px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 1px;
}

.current-stati-table-title-kap table tr th {
    color: #868686;
    font-size: 13px;
    padding: 8px 10px;
    font-weight: 400;
}

.current-stati-table-title-kap table tr td {
    color: #fff;
    font-size: 13px;
    padding: 6px 10px;
    font-weight: 400;
}

.table > thead > tr > th {
    border-bottom: 2px solid #999999;
}

.table > tbody > tr > td, .table > tbody > tr > th, table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td {
    border: 0px;
    border-bottom: 2px solid #404040;
}

.table tr td:first-child, .table tr th:first-child {
    border-left: 0px;
}

.table tr td:last-child, .table tr th:last-child {
    border-right: 0px;
}

.table tr:last-child td {
    border-bottom: 0px;
}

.box-body {
    overflow: hidden;
}

/*----- CURRENT_STATI_DATA_SELECT_MENU_START -----*/
.current-stati-default-select-menu-kap {
    margin: 0px;
    padding: 0px;
}

.current-stati-default-select-menu-kap .bootstrap-select {
    margin: 0px !important;
    background: #232323 !important;
    padding: 0px !important;
    width: 175px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    height: 40px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    behavior: url(PIE.htc);
    position: relative;
    z-index: 1030;
    border: 1px solid #404040;
}

.current-stati-default-select-menu-kap .dropdown-toggle {
    background: #232323;
    border: 0px;
    line-height: 38px;
    font-size: 13px;
    padding: 0px 15px 0px 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    behavior: url(PIE.htc);
    position: relative;
    box-shadow: 0px 0px 0px;
    color: #fff;
    font-family: 'Crystal-Medium', sans-serif;
}

.current-stati-default-select-menu-kap .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #fff !important;
}

.current-stati-default-select-menu-kap .bootstrap-select.btn-group .dropdown-toggle .caret {
    color: #999999;
    right: 15px;
    background: url(../../images/2018/sub_nav_bot_arrow_white_ssp.png) no-repeat center right;
    width: 13px;
    height: 7px;
    border: 0px;
}

.current-stati-default-select-menu-kap .bootstrap-select.btn-group.open .dropdown-toggle .caret {
    background: url(../../images/2018/sub_nav_bot_arrow_white_ssp.png) no-repeat center right;
    width: 13px;
    height: 7px;
    border: 0px;
}

.current-stati-default-select-menu-kap .open > .dropdown-toggle.btn-default {
    background: #232323;
    border: 0px;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.current-stati-default-select-menu-kap .open > .dropdown-toggle.btn-default:hover, .current-stati-default-select-menu-kap .open > .dropdown-toggle.btn-default:focus, .current-stati-default-select-menu-kap .open > .dropdown-toggle.btn-default.focus {
    background: #232323;
    border: 0px;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.current-stati-default-select-menu-kap .btn-default:active:hover, .current-stati-default-select-menu-kap .btn-default.active:hover, .current-stati-default-select-menu-kap .open > .dropdown-toggle.btn-default:hover, .current-stati-default-select-menu-kap .btn-default:active:focus, .current-stati-default-select-menu-kap .btn-default.active:focus, .current-stati-default-select-menu-kap .open > .dropdown-toggle.btn-default:focus, .current-stati-default-select-menu-kap .btn-default.focus:active, .current-stati-default-select-menu-kap .btn-default.active.focus, .current-stati-default-select-menu-kap .open > .dropdown-toggle.btn-default.focus {
    background: #232323;
    border: 0px;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.current-stati-default-select-menu-kap .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.current-stati-default-select-menu-kap .open > .dropdown-menu {
    margin: 0px 0px 0px 0px;
    z-index: 0;
    padding: 0px 0px 0px;
    color: #fff;
    behavior: url(PIE.htc);
    background: #232323;
    border: solid 1px #404040;
    border-radius: 0px;
    right: 0px;
    left: 0;
}

.current-stati-default-select-menu-kap .bootstrap-select.btn-group .dropdown-menu li a {
    color: #fff;
    padding: 0px 15px 0px;
    line-height: 40px;
    font-size: 13px;
}

.current-stati-default-select-menu-kap .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background: #ffd100;
    color: #232323;
}

.current-stati-default-select-menu-kap .bootstrap-select.btn-group .dropdown-menu li.selected a {
    background: #ffd100;
    color: #232323;
}

/*----- CURRENT_STATI_DATA_SELECT_MENU_END -----*/

/*--------------- KADER_PAGE_END ----------------*/

/*--------------- NEWS1_PAGE_START --------------*/

.content-inner a:hover{
    font-family: 'Crystal-RegularItalic', 'Crystal-Regular';
    font-style: italic;
}

.news-detail-modul ul {
    padding-left: 24px;
}

.news-detail-modul ul li {
    padding-bottom: 15px;
}

.news-detail-modul ul li::before {
    content: '\2022';
    margin-left: -25px;
    position: absolute;
}

.news-block-1-np {
    margin: 0px;
    padding: 0px;
}

.news-block-1-info-np {
    margin: 0px;
    padding: 0px;
}

.block-1-info-inn-np {
    padding: 50px 15px 40px 15px;
}

.block-1-left-info-np {
    width: calc(100% - 465px);
    margin: 0 0 0 180px;
    float: left;
}

.block-1-title-np {
    padding-bottom: 20px;
}

.block-1-title-np span {
    font-family: 'Crystal-Medium';
    font-size: 60px;
    line-height: 64px;
    color: #000;
}

.block-1-datetime-np {
    font-family: 'Crystal-Medium', sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #797979;
    padding-bottom: 7px;
}

.block-1-datetime-np i {
    font-size: 14px;
    padding: 0 5px 0 0;
    line-height: 14px;
}

.block-1-datetime-np span, .block-1-texts-np {
    font-family: 'Crystal-Regular';
    font-size: 22px;
    line-height: 40px;
    color: #000;
}

.block-1-texts-np p:first-of-type {
    font-family: 'Crystal-Medium';
    font-size: 40px;
    line-height: 50px;
}

.block-1-texts-np h2 {
    font-family: 'Crystal-Medium', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #191919;
    padding: 17px 0 10px 0;
}

/*.block-1-texts-np p{ font-family: 'Crystal-Medium', sans-serif; font-size:14px; line-height:22px; font-weight:400; color:#797979; padding:10px 0 10px 0;}*/
.block-1-right-btn-np {
    width: 285px;
    float: right;
}

.block-1-slider-caption-np h2 {
    margin-left: -35px;
}

.block-1-btn-np {
    text-align: right;
}

.news-block-1-slider-np {
    margin: 0 0 0 100px;
}

.videoWrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.videoWrapper43 {
    padding-top: 75%;
}

.videoWrapper169 {
    padding-top: 56%;
}

.videoIframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background-position: center center;
    background-size: 100% 100%;
    background-size: cover;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 1500ms;
    -moz-transition-delay: 0s, 1500ms;
    transition-delay: 0s, 1500ms;
}

.videoPoster-inner-gro8 {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}

.videoPoster-icon-gro8 {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 200;
}

.videoPoster-play-gro8 {
    text-align: center;
    padding-bottom: 12px;
    background: url(../../images/2018/video_play_btn_img.png) no-repeat center center;
    width: 70px;
    margin: auto;
    height: 70px;
}

.videoPoster-play-gro8:hover {
    background: url(../../images/2018/video_play_btn_hover_img.png) no-repeat center center;
}

.block-2-left-info-np {
    width: 670px;
    margin: auto;
    float: none;
}

.block-2-info-inn-np {
    padding: 0px 15px 70px;
}

.block-2-texts-np h2 {
    font-weight: 700;
}

.block-2-texts-np p {
    padding: 10px 0 0px 0;
}

.news-block-2-slider-np {
    margin: 50px 0 0 0;
}

.block-3-texts-np {
    padding: 10px 0px;
}

.block-3-texts-np p {
    padding: 10px 0px;
}

.news-block-2-slider-np .cd-slider {
    width: 850px;
    height: 560px;
    margin: 0 auto 50px auto;
}

/*height: 480px;*/
.news-block-2-slider-np .cd-slider .prev {
    left: -30px;
    position: absolute;
}

.news-block-2-slider-np .cd-slider .next {
    right: -30px;
    position: absolute;
}

.news-block-2-slider-np .cd-slider .prev:after, .news-block-2-slider-np .cd-slider .next:after {
    display: none;
}

.news-block-2-slider-np .block-1-slider-caption-np h2 {
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 0px;
    padding: 0px;
}

.news-block-2-slider-np .counter {
    display: inline-block;
    bottom: -32px;
}

.news-block-2-slider-np .block-1-slider-caption-np {
    bottom: -32px;
}

li.current .block-1-slider-caption-np h2 {
    padding: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.news-block-3-np {
    background: #000;
    margin: 0px;
    padding: 50px 0 42px 0;
}

.news-block-3-inn-np {
    margin: 0px;
    padding: 0px;
}

.aufstellung-main-np {
    float: left;
}

.soccer-ground-block-np {
    margin: 0px;
}

.ground-main-np {
    background: url(../../images/2018/soccer_ground_map_img.png) no-repeat;
}

.ground-main-np .player-info-np {
    text-align: center;
}

.ground-team {
    top: -10px;
    position: relative;
}

.ground-team .team-row-1-np ul li {
    padding: 13px 0px 13px 0;
}

.team-row-1-np {
    margin: 0px 0 0 0;
}

.team-row-1-np ul li {
    padding: 0 0 7px 0;
}

.team-row-2-np ul li {
    float: left;
    width: 25%;
}

.team-row-3-np {
    width: 50%;
    margin: auto;
}

.team-row-3-np ul li {
    float: left;
    width: 50%;
}

.player-info-row1-np {
    text-align: center;
}

.top-extra-player-np {
    padding: 0 0 10px 0;
}

.bottom-extra-player-np {
    padding: 10px 0 0 0;
}

/*.bottom-extra-player-np .player-info-np{ text-align:right; color:#ababab;}*/
/*.bottom-extra-player-np .player-info-np a{ color:#ababab;}*/
.player-info-np {
    float: left;
    text-align: left;
    font-family: 'Crystal-Medium';
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
    color: #ffd100;
}

/* dynamic div blocks with playernames */
.player-info-np a {
    color: #ffd100;
}

.player-info-np img {
    text-align: left;
    padding: 0 0 4px 0;
}

.grey-team-np .player-info-np {
    color: #ababab;
}

.grey-team-np .player-info-np a {
    color: #ababab;
}

.news-block-3-title2-np,
.news-block-3-title-np{
    padding: 0 0 38px 0;
    font-size: 20px;
    line-height: 24px;
    font-family: 'Crystal-Medium';
    color: #fff;
}

.container.spielbericht {
    width: auto;
    margin: 0 24px;
}

.spieldaten-main-np {
    float: right;
    display: flex;
    flex-direction: row;
}

.spieldaten-left-np {
    float: left;
    width: 50%;
    margin: 0 15px 0 0;
}

.spieldaten-info-np {
    margin: 0px;
}

.spieldaten-texts-np,
.spieldaten-texts-np-first{
    padding: 0 0 18px 0;
}

.spieldaten-texts-np p,
.spieldaten-texts-np-first p{
    padding: 0 0 7px 0;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-family: 'Crystal-Regular';
}

.spieldaten-texts-np p:first-of-type{
    font-family: 'Crystal-Medium';
}

.spieldaten-texts-np-first span{
    text-decoration: underline;
}

.spieldaten-right-np {
    float: left;
    width: 50%;
}

.block-3-btn-np {
    text-align: left;
    margin: 0 0 35px 0;
}

.news-block-4-np {
    margin: 0px;
}

.news-block-4-inn-np {
    margin: 0px;
    padding: 0px;
}

.news-block-4-title-np {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #000;
    padding: 0 15px;
    margin: 0 0 15px 0;
}

.banner-top-main-np {
    height: 520px;
}

.banner-text-main-np {
    margin: 0px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(../../images/2018/banner_text_back_np.png) repeat-x bottom left;
}

.banner-text-inn-np {
    margin: 0px;
    padding: 0px 0px 40px 15px;
}

.banner-text-inn-np h2 {
    background: rgba(0, 0, 0, 0.7);
    font-size: 85px;
    line-height: 80px;
    font-family: 'AntiqueOliveStd-BoldCond';
    margin: 0px;
    padding: 2px 15px 0px 15px;
    display: table;
    color: #fff;
    text-transform: uppercase;
}

.banner-text-inn-np h2 span {
    color: #ffd100;
}

.banner-text-inn-np h2:first-child {
    padding-top: 9px;
}

.sub-navigation-inner-mobile-ssp {
    display: none;
}

/*--------------- NEWS1_PAGE_END --------------*/

/*--------------- LEHEBETRIEBE_PAGE_START --------------*/
.block-main-outer {
    margin: 0px;
    padding: 40px 0 40px 0;
}

.kader-detail .block-main-outer {
    padding-top: 0;
}

/*.content-inner h2{ font-family: 'AntiqueOliveStd-BoldCond'; font-size:40px; line-height:48px; color:#202020; text-transform:uppercase; padding:0 0 38px 0;}*/
.block-1-right-lp {
    float: right;
    width: 258px;
    margin: 76px 0 0 0px;
}

.block-1-right-lp p {
    font-size: 13px;
    line-height: 17px;
    color: #202020;
    font-weight: 400;
    padding: 0 0 28px 0;
}

.cordinator-block-lp {
    width: 228px;
    padding: 15px;
    border: solid 1px #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.cordinator-avatar-lp {
    width: 103px;
    height: 103px;
}

.cordinator-avatar-lp img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.cordinator-info-lp {
    padding: 10px 0 0 0;
}

.cordinator-name-lp {
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    font-weight: 700;
}

.cordinator-profile-lp {
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    font-weight: 400;
}

.cordinator-phone-lp {
    border-bottom: solid 1px #dddddd;
    font-size: 13px;
    line-height: 20px;
    color: #232323;
    font-weight: 400;
    padding: 5px 0;
    margin: 10px 0px;
}

.cordinator-phone-lp img {
    height: 20px;
    padding: 0 10px 0 0;
    vertical-align: middle;
}

.cordinator-phone-lp a {
    color: #232323;
    text-decoration: underline;
}

.cordinator-email-lp {
    border: none;
    padding: 0px;
    margin: 0px;
}

.cordinator-email-lp a:hover {
    color: #ffd100;
}

.cordinator-block-lp:hover {
    border: solid 1px #dddddd;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.block-2-main-lp {
    margin: 0px;
    padding: 0px;
}

.block-2-inn-lp {
    margin: 0px;
    padding: 0 0 250px 0;
}

.block-2-title-lp {
    font-size: 19px;
    line-height: 23px;
    color: #202020;
    font-weight: 700;
    padding: 0 15px 5px 15px;
}

.block-2-imgbox-lp {
    margin: 15px 0px;
}

.block-2-imgbox-inn-lp {
    border: solid 1px #ddd;
    height: 130px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.box-image-main-lp {
    display: table;
    height: 100%;
    width: 100%;
}

.box-image-lp {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.box-image-lp img {
    width: 100%;
    max-width: 315px;
}

.box-text-main-lp {
    font-size: 13px;
    line-height: 13px;
    color: #232323;
    font-weight: 400;
    bottom: 12px;
    left: 27px;
    position: absolute;
}

.block-2-imgbox-inn-lp:hover {
    border: solid 1px #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

/*--------------- LEHEBETRIEBE_PAGE_END --------------*/

/*--------------- JAHRESKARTE_PAGE_START --------------*/

.block-1-inn-jhp {
    width: 672px;
    padding: 45px 0 170px 0;
    margin: auto;
    float: none;
}

.block-1-title-jhp {
    padding: 0px 0px 48px 0px;
}

.block-1-title-jhp h2 {
    padding: 0 0 22px 0;
    font-family: 'AntiqueOliveStd-BoldCond';
    font-size: 40px;
    line-height: 48px;
    color: #202020;
    text-transform: uppercase;
}

.block-1-title-jhp p {
    font-size: 19px;
    line-height: 28px;
    color: #202020;
    font-weight: 500;
}

.block-1-form-main-jhp {
    margin: 40px 0px;
    max-width: 600px;
}

.form-field1-jhp {
    margin: 0px 0px 20px;
    padding: 0px;
}

.form-field1-jhp label {
    font-size: 18px;
    line-height: 22px;
    color: #202020;
    font-weight: 700;
    width: 100%;
    padding: 0px 0px 23px;
    margin: 0px;
}

.form-field1-jhp input, .form-field1-jhp select, .form-field1-jhp textarea {
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    width: 320px;
    height: 46px;
    line-height: 44px;
    background: #FFF;
    border: solid 2px #000000;
    padding: 0 15px;
    border-radius: 2px;
    outline: 0px;
}

.form-field1-jhp input::placeholder, .form-field1-jhp select::placeholder, .form-field1-jhp textarea::placeholder{
	color: #000000;
}

.form-field1-jhp textarea {
    line-height: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 170px;
}

.form-r1-jhp {
    margin: 0px;
    padding: 0px;
}

.form-your-data-title-jhp {
    font-size: 13px;
    line-height: 14px;
    color: #232323;
    font-weight: 700;
    padding: 6px 0px 10px;
    margin: 0px;
}

/*.form-tbox1-jhp{ margin:0px 0px 20px; padding:0px;}*/
/*.form-tbox1-jhp input{ font-size:13px; color:#232323; font-weight:400; width:320px; height:46px; line-height:44px;  background:#FFF; border:solid 1px #999999; padding:0 20px; border-radius:2px; outline:0px;}*/
.form-searchfield {
    margin: 0px 0px 20px;
    padding: 0px;
}

.form-searchfield input {
    width: 150px;
    font-size: 13px;
    color: #232323;
    font-weight: 400;
    height: 40px;
    line-height: 38px;
    background: #FFF;
    border: 1px solid #d8d8d8;
    padding: 0 20px;
    border-radius: 0px;
    outline: 0px;
    float: left;
}

.form-searchfield input.searchbutton {
    width: 40px;
    padding: 10px;
    border-left: none;
}

/*.form-r2-jhp{ margin:0px 0px 20px;}*/
/*.form-r1-jhp h2{ font-size:13px; line-height:14px; color:#232323; padding:6px 0px 10px; margin:0px;}*/
.form-bd-tbox1-jhp {
    float: left;
    margin: 0px 15px 0px 0px;
}

/*.form-bd-tbox1-jhp input{ font-size:13px; color:#232323; font-weight:400; width:46px; height:46px; line-height:44px;  background:#FFF; border:solid 1px #999999; padding:0 14px; border-radius:2px; outline:0px; text-align:center;}*/
/*.form-bd-tbox3-jhp input{ width:138px; text-align:left;}*/
.form-bd-calender-icon-jhp {
    float: left;
    margin: 0px;
    width: 50px;
    text-align: left;
    padding: 11px 0px 0px;
    cursor: pointer;
}

.form-submit-btn-jhp {
    margin: 0px 0px 0px;
    padding: 7px 0px 0px;
}

.form-submit-btn-jhp button {
    margin: 0px;
    padding: 14px 35px 14px 46px;
    background: url(../../images/2018/btn_yellow_arrow.png) no-repeat center left 15px #000;
    border-radius: 50px;
    height: 46px;
    line-height: 14px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    outline: 0px;
    border: solid 2px #000;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.form-submit-btn-jhp button:hover {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #ffd100;
    color: #000;
    border: solid 2px #ffd100;
}

.form-submit-btn-jhp button:focus {
    background: url(../../images/2018/btn_black_arrow.png) no-repeat center left 15px #ffd100;
    color: #000;
    border: solid 2px #ffd100;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
    background: url(../../images/2018/calender_prev_black_icon_jhp.png) no-repeat center left;
    cursor: pointer;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
    background: url(../../images/2018/calender_next_black_icon_jhp.png) no-repeat center left;
    cursor: pointer;
}

/*--------------- JAHRESKARTE_PAGE_END --------------*/

/*--------------- HISTORIE_PAGE_START --------------*/
.banner-top-main-htp {
    height: 500px;
}

.historie-main-banner-text-htp {
    margin: 0px;
    padding: 0px;
    height: 500px;
}

.historie-main-banner-text-htp h2 {
    margin: 0px;
    padding: 150px 0px 0px 0px;
    text-align: center;
    line-height: 78px;
    font-family: 'agneyaregular';
    font-size: 98px;
    color: #FFF;
    text-decoration: underline;
}

.historie-main-banner-text-htp h3 {
    margin: 0px;
    padding: 27px 0px 0px 0px;
    text-align: center;
    line-height: 39px;
    font-family: 'AntiqueOliveStd-BoldCond';
    font-size: 39px;
    color: #ffd100;
}

/*.historie-block-main-htp{ margin:0px; padding:0px; position:relative; }*/
.historie-block-inn-htp {
    margin: 0px;
    padding: 0px 0px 0px;
    height: 500px;
    position: relative;
}

/*.toc-bar-htp{ margin:0px; padding:0px; position:absolute; width:36px; left:195px; top:38px; text-align:center; z-index:1050;}*/
.has-toc-bar .container {
    padding-left: 340px;
}

.has-toc-bar-small .container {
    padding-left: 80px;
}

.toc-bar-htp {
    margin-left: -340px;
    padding: 0px;
    position: absolute;
    width: 300px;
    top: 12px;
    z-index: 1050;
}

.toc-bar-htp ul {
    margin: 0px;
    padding: 0px;
}

.toc-bar-htp ul li {
    margin: 0px;
    padding: 0px;
}

.toc-bar-htp ul li a:after {
    display: none;
}

.toc-bar-htp ul li a {
    font-size: 13.6px;
    line-height: 14px;
    color: #999999;
    border-bottom: solid 2px #999999;
    margin: 0px;
    padding: 8px 0px 8px;
    display: block;
    font-weight: 500;
}

.toc-bar-htp ul li a:hover {
    text-decoration: underline;
}

.toc-bar-htp ul li a.active {
    text-decoration: underline;
}

.toc-bar-htp.toc-position-bottom {
    top: auto;
    bottom: 38px;
}

.has-toc-bar-small .toc-bar-htp {
    margin-left: -80px;
    width: 40px;
}

.toc-title-num {
    padding-right: 10px;
}

.toc-bar-htp .toc-title-num {
    text-align: center;
    font-weight: bold;
    color: #000;
}

.has-toc-bar-num .toc-bar-htp ul li a {
    padding-left: 25px;
    color: #000;
}

.has-toc-bar-num .toc-bar-htp ul li a:hover {
    text-decoration: underline;
}

.has-toc-bar-num .toc-bar-htp ul li a:hover .toc-title-num {
    text-decoration: underline;
}

.has-toc-bar-num .toc-bar-htp ul li a.active .toc-title-num {
    background-color: #ffd100;
}

.toc-select-mobile-htp {
    padding-bottom: 33px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 33px;
}

.toc-select-mobile-htp .bootstrap-select {
    width: 100% !important;
    z-index: 1050;
}

.has-toc-bar-num .wo-img {
    padding-bottom: 33px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 33px;
}

.historie-content-main-htp {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.historie-info-block-htp {
    margin: 0px;
    padding: 0px;
}

.historie-info-inner-htp {
    margin: 0px;
}

.historie-info-text-block-htp {
    width: 600px;
    margin: 0px 0px 0px 180px;
    padding: 49px 0px 26px;
}

.historie-info-text-block-htp h2 {
    font-size: 19px;
    line-height: 28px;
    color: #232323;
    padding: 0px 0px 39px;
    margin: 0px;
}

.historie-info-text-block-htp h3 {
    font-size: 14px;
    line-height: 16px;
    color: #232323;
    padding: 0px 0px 6px;
    margin: 0px;
}

.historie-info-text-block-htp p {
    font-size: 14px;
    line-height: 24px;
    color: #232323;
    padding: 0px 0px 28px;
    margin: 0px;
}

.historie-info-banner-main-htp {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.historie-info-banner-text-htp {
    margin: 0px;
}

.historie-info-banner-text-inn-htp {
    height: 524px;
    display: table;
    width: 100%;
}

.historie-info-banner-text-htp h2 {
    margin: 0px;
    padding: 0px 0px 0px 180px;
    text-align: left;
    line-height: 85px;
    font-family: 'AntiqueOliveStd-BoldCond';
    font-size: 85px;
    color: #ffd100;
    display: table-cell;
    vertical-align: middle;
}

.historie1986-info-banner-text-inn-htp {
    height: 680px;
}

.historie-info-banner-btn-htp {
    position: absolute;
    bottom: 2px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    height: 60px;
    min-width: 112px;
    line-height: 18px;
    font-size: 11px;
    text-align: center;
    z-index: 9;
}

.historie-info-banner-btn-htp a {
    color: #ababab;
    display: block;
    padding: 21px 5px 21px;
    margin: 0px;
}

.historie-info-banner-btn-htp img {
    vertical-align: top;
    display: inline-block;
    margin: 0px 0px 0px 14px;
}

#html5box-html5-lightbox {
    z-index: 1070 !important;
}

#html5-watermark {
    display: none !important;
}

.html5-title {
    display: none !important;
}

/*--------------- HISTORIE_PAGE_END --------------*/

/*--------------- TAGESSCHULE_PAGE_START --------------*/
.block-main-outer {
    margin: 0px;
}

/*.tagesschule .content-inner{ width:580px; margin:0px 0px 0px 188px; padding:51px 0px 60px;}*/
.tagesschule-info-title-tsp {
    margin: 0px;
    padding: 0px;
}

.content-inner {
    margin: 0px;
    padding: 0px;
}

.content-inner > *:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.partner-shool-logo-tsp {
    margin: 35px 0px 60px;
    padding: 0px;
}

.partner-shool-logo-tsp img {
    display: flex;
}

.pdf-download-link-tsp {
    margin: 0px;
    padding: 0px;
}

.pdf-download-link-tsp .zum-artikel-icon-hp {
    width: 46px;
    height: 46px;
    line-height: 42px;
}

.pdf-download-link-tsp .zum-artikel-text-hp {
    line-height: 46px;
}

.zum-artikel-text-hp:after {
    bottom: 10px;
}

.tagesschule-info-banner-tsp {
    margin: 0px;
    padding: 0px;
    height: 620px;
}

.home-block-main .page-content h1 {
    display: none;
}


/*.urther-question-contact-tsp{ margin:0px; padding:0px 0px 25px;}*/
/*.content-inner h4{ font-size:14.50px; line-height:18px; color:#232323; margin:0px; padding:0px 0px 4px;}*/
/*.content-inner h5{ font-size:14.50px; line-height:22px; color:#232323; font-weight:700; margin:0px; padding:0px 0px 6px;}*/
.interview-text-list-main-tsp {
    margin: 0px;
    padding: 0px 0px 63px;
}

/*--------------- TAGESSCHULE_PAGE_END --------------*/

.block-main-left {
    float: left;
    width: calc(100% - 320px);
    margin: auto;
}

/*.home-block-main .block-main-left{margin-top:-60px;}*/

.noteaser .block-main-left {
    width: 100%;
    float: none;
}

.noteaser .block-main-right {
    display: none;
}

.small .block-main-left {
    max-width: 580px;
}

.img520 {
    height: 520px;
}

.img620 {
    height: 620px;
}

.img680 {
    height: 680px;
}

/*padding-bottom:45px;*/
.wo-img {
    padding-bottom: 45px;
}

.wo-img .content-inner > *:last-child {
    padding-bottom: 0;
}

.footernote {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

/*.content-inner a {color:#232323;border-bottom:2px solid #ffcf00;padding-bottom: 2px !important;}*/
/*.content-inner a:hover {border-bottom-color:#232323;color: #232323;}*/

.video-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    overflow: hidden;
    width: 100%;
    height: auto;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.matchday-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1050;
    display: none;
    opacity: 0;
    transition: opacity 0.5s linear;
}

.matchday-modal {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.matchday-frame {
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px 50px 0 150px;
    height: 580px;
    width: calc(100% - 200px);
    overflow: hidden;
    text-align: center;
}

.matchday-frame .matchday-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1440px;
    display: inline-block;
}

.matchday-frame .matchday-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 2;
}

.matchday-frame iframe {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 1440px;
    z-index: 1;
}

.matchday-open .matchday-container {
    display: block;
}

.matchday-opening .matchday-container {
    opacity: 1;
    transition: opacity 0.5s linear;
}

.matchcenter .banner-top-main-spp {
    height: 713px;
}

/*310+352+71*/
.matchcenter .block-main-outer {
    padding-top: 0;
}

.matchcenter #content_inner {
    background-color: #F8F8F7;
}

.matchcenter .container {
    width: 100%
    max-width: calc(1440px + 30px);
}

.matchcenter .matchday-wrapper {
    width: 100%;
    margin-top: -683px;
}

.matchcenter .matchday-wrapper iframe {
    width: 1px !important;
    min-width: 100% !important;
    height: 3000px;
}

.match-center-title {
    display: none;
}

.match-center-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*left: 20px;*/
}

.match-center-title h1 {
    color: #fff;
    display: inline-block;
    background-color: red;
    text-align: center;
    padding: 5px 5px 2px;
    margin: 10px 15px;
    font-weight: 700;
    white-space: nowrap;
    font-size: 3rem;
    line-height: 1;
    text-transform: capitalize;
}

.md-home {
    display: none;
}

.is-match-day .md-center {
    display: none;
}

.is-match-day .md-home {
    display: inline;
}

.matchday-wrapper .sub-navigation-main-ssp {
    position: absolute;
    bottom: 0;
    border-bottom: none;
}

.matchday-wrapper .sub-navigation-inner-ssp > ul {
    border-top: 1px solid #d5d5d5;
}

.matchday-wrapper .sub-navigation-inner-ssp > ul > li.close-icon-spp > a {
    background-position: 18px center;
    padding: 0 15px 0 55px;
    width: auto;
}

.countdown-section {
    position: relative;
    width: 50px;
    display: inline-block;
}

.countdown-period {
    position: absolute;
    top: -28px;
    font-size: 0.3em;
    font-family: Crystal-Medium;
    left: 0;
    width: 100%;
}

.generic-content {
    padding-bottom: 46px;
}

/* Aufteilung für Haupt- und Stadion-Partner */
.element-items.element-sponsors .element-block {
    float: left;
    width: 100%;
}

.element-items.element-sponsors .element-block.hauptpartner,
.element-items.element-sponsors .element-block.stadionpartnerin {
    width: 50%;
}

.element-sponsors .element-block,
.element-sponsorsybfrauen .element-block,
.element-sponsorsyouthbase .element-block {
    padding-bottom: 40px;
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
}

.element-sponsors .element-block h2,
.element-sponsorsybfrauen .element-block h2,
.element-sponsorsyouthbase .element-block h2 {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.element-sponsors .element-text,
.element-sponsorsybfrauen .element-text,
.element-sponsorsyouthbase .element-text {
    font-size: 15px;
    font-weight: 400;
    padding-right: 14px;
    padding-left: 14px;
    text-align: left;
    position: absolute;
    bottom: 3px;
}

.element-sponsors .element-text h3,
.element-sponsorsybfrauen .element-text h3,
.element-sponsorsyouthbase .element-text h3 {
    font-size: 15px;
    font-weight: 400;
}

.element-sponsors .element-item,
.element-sponsorsybfrauen .element-item,
.element-sponsorsyouthbase .element-item {
    display: inline-block;
    width: 25%;
    text-align: center;
    border: 1px solid #cccccc;
    position: relative;
    overflow: hidden;
}

.element-sponsors .element-item img,
.element-sponsorsybfrauen .element-item img,
.element-sponsorsyouthbase .element-item img {
    max-width: 100%;
}

/* Sponsoren Partner - Einzelne Kategorie (ohne .element-block) */
.element-sponsors .element-item .element-img,
.element-sponsorsybfrauen .element-item .element-img,
.element-sponsorsyouthbase .element-item .element-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 240px;
}

.element-sponsors .element-item,
.element-sponsorsybfrauen .element-item,
.element-sponsorsyouthbase .element-item {
    width: calc(33.33% - 30px);
    min-height: 152px;
    margin: 0 14px 17px 14px;
}

/* Sponsoren Partner - Reset */
.element-sponsors .element-block .element-item .element-img,
.element-sponsorsybfrauen .element-block .element-item .element-img,
.element-sponsorsyouthbase .element-block .element-item .element-img {
    position: relative;
    top: unset;
    left: unset;
    width: unset;
    max-width: unset;
}

.element-sponsors .element-block .element-item,
.element-sponsorsybfrauen .element-block .element-item,
.element-sponsorsyouthbase .element-block .element-item {
    width: calc(100% - 30px);
    min-height: 304px;
    margin: 0 15px 0 15px;
}

/* Sponsoren Partner - Alle zusätzlichen, die nach Partner [:nth-child(5)] kommen */
.element-sponsors .element-block .element-item .element-img {
    transform: translate(0%, 40%);
}

.element-sponsors .element-block .element-item {
    width: calc(16.66% - 30px);
    min-height: 100px;
    margin: 0 15px 17px 15px;
}

/* Sponsoren Partner (YB-Frauen / Youth Base) - Alle Partner-Stufen, die nicht spezifisch definiert wurden */
.element-sponsorsybfrauen .element-block .element-item .element-img,
.element-sponsorsyouthbase .element-block .element-item .element-img {
    transform: translate(0%, 85%);
}

.element-sponsorsybfrauen .element-block .element-item,
.element-sponsorsyouthbase .element-block .element-item {
    width: calc(25% - 30px);
    min-height: 152px;
    margin: 0 15px 17px 15px;
}

/* Sponsoren Partner - Hauptpartner */
.element-sponsors .element-block:nth-child(1) {
    margin-right: 0;
}

.element-sponsors .element-block:nth-child(1) .element-item .element-img,
.element-sponsorsybfrauen .element-block:nth-child(1) .element-item .element-img,
.element-sponsorsyouthbase .element-block:nth-child(1) .element-item .element-img {
    transform: translate(0%, 50%);
}

.element-sponsors .element-block:nth-child(1) .element-item,
.element-sponsorsybfrauen .element-block:nth-child(1) .element-item,
.element-sponsorsyouthbase .element-block:nth-child(1) .element-item {
    width: calc(100% - 30px);
    min-height: 304px;
    margin: 0 15px 0 15px;
}

/* Sponsoren Partner - Stadionpartner */
.element-sponsors .element-block:nth-child(2) {
    margin-left: 0;
}

.element-sponsors .element-block:nth-child(2) .element-item .element-img {
    transform: translate(0%, 50%);
}

.element-sponsors .element-block:nth-child(2) .element-item {
    width: calc(100% - 30px);
    min-height: 304px;
    margin: 0 15px 0 15px;
}

/* Sponsoren Partner - Premium Partner */
.element-sponsors .element-block:nth-child(3) .element-item .element-img,
.element-sponsorsybfrauen .element-block:nth-child(2) .element-item .element-img,
.element-sponsorsyouthbase .element-block:nth-child(2) .element-item .element-img {
    transform: translate(0%, 33%);
}

.element-sponsors .element-block:nth-child(3) .element-item,
.element-sponsorsybfrauen .element-block:nth-child(2) .element-item,
.element-sponsorsyouthbase .element-block:nth-child(2) .element-item {
    width: calc(33.33% - 30px);
    min-height: 152px;
    margin: 0 15px 17px 15px;
}

/* Sponsoren Partner - Goldpartner */
.element-sponsors .element-block:nth-child(4) .element-item .element-img {
    transform: translate(0%, 85%);
}

.element-sponsors .element-block:nth-child(4) .element-item {
    width: calc(25% - 30px);
    min-height: 152px;
    margin: 0 15px 17px 15px;
}

/* Sponsoren Partner - Silberpartner */
.element-sponsors .element-block:nth-child(5) .element-item .element-img {
    transform: translate(0%, 86%);
}

.element-sponsors .element-block:nth-child(5) .element-item {
    width: calc(16.66% - 30px);
    min-height: 152px;
    margin: 0 15px 17px 15px;
}

/* Sponsoren Partner - Partner */
.element-sponsors .element-block:nth-child(6) .element-item .element-img {
    transform: translate(0%, 40%);
}

.element-sponsors .element-block:nth-child(6) .element-item {
    width: calc(16.66% - 30px);
    min-height: 100px;
    margin: 0 15px 17px 15px;
}

.element-presenter {
    padding-bottom: 40px;
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
}

.element-presenter h2 {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.element-presenter .element-text {
    font-size: 15px;
    font-weight: 400;
    padding-right: 14px;
    padding-left: 14px;
    text-align: left;
    position: absolute;
    bottom: 8px;
}

.element-presenter .element-text h3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2rem;
}

.element-presenter .element-item {
    display: inline-block;
    width: 25%;
    text-align: center;
    border: 1px solid #cccccc;
    position: relative;
    width: calc(33.33% - 30px);
    min-height: 152px;
    margin: 0 15px 17px 15px;
    overflow: hidden;
}

.element-presenter .element-item:hover {
    -webkit-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    transition: box-shadow 0.3s ease-in-out;
}

.element-presenter .element-item img {
    max-width: 100%;
}

.element-presenter .element-item .element-img {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}

.element-gewerbepool {
    padding-bottom: 40px;
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
}

.element-gewerbepool h2 {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.element-gewerbepool .element-text {
    font-size: 15px;
    font-weight: 400;
    padding-right: 14px;
    padding-left: 14px;
    text-align: left;
    position: absolute;
    bottom: 8px;
}

.element-gewerbepool .element-text h3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2rem;
}

.element-gewerbepool .element-item {
    display: inline-block;
    width: 25%;
    text-align: center;
    border: 1px solid #cccccc;
    position: relative;
    width: calc(33.33% - 30px);
    min-height: 152px;
    margin: 0 15px 17px 15px;
    overflow: hidden;
}

.element-gewerbepool .element-item:hover {
    -webkit-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 25px 6px rgba(0, 0, 0, 0.16);
    transition: box-shadow 0.3s ease-in-out;
}

.element-gewerbepool .element-item img {
    max-width: 100%;
}

.element-gewerbepool .element-item .element-img {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}

.element-business {
    margin-right: -42px;
}

.element-business .element-item {
    float: left;
    width: 267px;
    height: 318px;
    margin-right: 42px;
    margin-bottom: 45px;
}

.element-business .element-links .link1 {
    border-bottom: none;
}

.element-business .element-links .link2 {
    border-bottom: none;
}

/*.element-business .element-item:nth-child(4n) {margin-right: 0px;}*/
.element-business .element-item:hover {
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.17);
}

/*.col-lg-9 .element-business .element-item:nth-child(4n) {margin-right:42px;}*/
/*.col-lg-9 .element-business .element-item:nth-child(3n) {margin-right: 0px;}*/
.element-business .element-img {
    position: relative;
    height: 158px;
    overflow: hidden;
}

.element-business .element-img:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border: 1px solid #d8d8d8;
}

.element-business .element-img-inner {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.element-business .element-img img {
    position: absolute;
    max-width: 100%;
    height: auto;
    transform: none;
    z-index: 1;
}

.element-business .element-text {
    padding: 20px 18px 0 18px;
    height: 116px;
    border: 1px solid #d8d8d8;
    border-top-width: 0;
}

.element-business .element-text h3 {
    display: block;
    height: 35px;
    overflow: hidden;
}

.element-business .element-text p {
    display: block;
    height: 60px;
    overflow: hidden;
    padding-bottom: 16px;
}

.element-business .element-links {
    height: 44px;
}

.element-business .element-links a {
    position: relative;
    display: block;
    line-height: 44px;
    text-align: center;
}

.element-business .element-links a:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: 1px solid #d8d8d8;
    border-top-width: 0;
}

.element-business .element-links a:after {
    display: none;
}

.element-business .element-links a:hover {
    background-color: #232323;
    color: #fff;
}

.element-business .element-links a:hover:before {
    border: 1px solid #232323;
    z-index: 1;
}

.element-business .element-links.link-cols-2 a {
    width: 50%;
    float: left;
}

.element-business .element-links.link-cols-2 a:last-child {
    width: calc(50% + 1px);
    margin-left: -1px;
}

.element-business .element-links a:before {
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

/*.element-business .element-item:before {content:''; position: absolute;height: 100%;width: 100%;border:1px solid red;}*/
ul.element-filter {
    display: inline-block;
    margin: 30px 0 25px 0;
}

.block-filter ul.element-filter {
    margin: -1px 0 0 -1px;
}

ul.element-filter li {
    float: left;
    line-height: 46px;
    border: 1px solid #d8d8d8;
    padding: 0 40px;
    cursor: pointer;
    margin: -1px 0 0 -1px;
}

ul.element-filter li:last-child {
    border-right-width: 1px;
}

ul.element-filter li.active {
    background-color: #ffd100;
    border-color: #ffd100;
    border-right-width: 1px;
    margin-right: -1px;
    position: relative;
    z-index: 1;
}

ul.element-filter li.active:last-child {
    margin-right: 0;
}

.block-filter label {
    float: left;
    line-height: 40px;
    padding-right: 15px;
}

/*.element-contact {margin-bottom: 40px;}*/
.element-contact {
    margin-right: -40px;
}

/*.element-contact .element-item {float:left;width:269px;height:345px;padding:20px;margin-right: 40px;margin-bottom: 56px;}*/
.element-contact .element-item {
    float: left;
    width: 25%;
    height: 100%;
    padding: 12px;
}

.teaser-right-box-hp .element-contact .element-item {
    width: 269px !important;
    margin: 30px 0 0 0;
}

.teaser-right-box-hp .element-contact {
    margin: 0;
}

/*.element-contact .element-img {border-radius:50%;overflow:hidden;width: 120px !important;height: 120px;position: relative;margin:4px;}*/
.element-contact .element-img {
    /*height: 425px;*/
    position: relative;
    padding: 4px;
    box-sizing: content-box;
}

.element-contact .element-img-inner {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.element-contact .element-img img {
    position: absolute;
    width: 100%;
}

.element-contact .element-text {
    margin-top: 10px;
    margin-bottom: 10px;
}

.element-contact .element-text h3 {
    line-height: 24px;
    font-size: 20px;
    padding: 0;
    text-transform: uppercase;
}

.element-contact .element-text p {
    line-height: 24px;
    font-size: 20px;
    padding: 0;
}

.element-contact .element-links {
    position: relative;
}

.element-contact .element-links.link-cols-2::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 52px;
    background-color: #d8d8d8;
    left: 0;
}

.element-contact .element-links a {
    float: left;
    clear: both;
    line-height: 22px;
    font-size: 15px;
    margin: 15px 0 15px 35px;
    position: relative;
}

.element-contact .element-links a.link1::before {
    content: '';
    height: 20px;
    width: 14px;
    background-image: url(../../images/2018/footer-call-icon.png);
    position: absolute;
    left: -30px;
}

.element-contact .element-links a.link2::before {
    content: '';
    height: 20px;
    width: 19px;
    background-image: url(../../images/2018/footer-email-icon.png);
    position: absolute;
    left: -33px;
}

/* Inhaltstyp - Landingpages */
.element-landingpages {
    margin-right: -20px;
}

.element-landingpages .element-item {
    float: left;
    width: 366px;
    margin-right: 20px;
    margin-bottom: 45px;
}

.element-items.element-landingpages .element-links.link-cols-1 {
    padding: 20px 18px;
    border: 1px solid #d8d8d8;
    border-top-width: 0;
}

.kader-item {
    float: left;
    width: 275px;
    height: auto;
    margin-right: 24px;
    position: relative;
}

.kader-item:nth-child(4n) {
    margin-right: 0px;
}

.kader-nummer {
    position: absolute;
    height: 88px;
    width: 60px;
    top: 0;
    left: 0;
    background-color: #232323;
    z-index: 1;
}

.kader-nummer h3 {
    font-size: 32px;
    line-height: 48px;
    padding-top: 20px;
    text-align: center;
    color: #ffd100;
}

.kader-bild {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.kader-bild img {
    width: 100%;
}

.kader-text {
    position: absolute;
    width: 100%;
    height: 150px;
    bottom: 0;
    padding: 18px 20px;
}

.kader-text h3 {
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    bottom: 48px;
    width: calc(100% - 38px);
}

.kader-text a {
    color: #ffd100;
    position: absolute;
    bottom: 18px;
}

.foto-item {
    float: left;
    width: 267px;
    height: 166px;
    margin-right: 42px;
    margin-bottom: 45px;
    overflow: hidden;
}

.foto-item:nth-child(4n) {
    margin-right: 0px;
}

.news-left {
    float: left;
    width: 40%;
    padding-right: 20px;
}

.news-date {
    float: left;
    width: calc(100% - 200px);
    border-top: 1px solid #999;
    padding: 10px 0 0 20px;
    margin-right: 20px;
}

.news-img {
    float: left;
    width: 180px;
    overflow: hidden;
}

.news-img .img-wrapper {
    padding-bottom: 57.778%;
    position: relative;
}

.news-img a {
    width: 100%;
    height: 100%;
    position: absolute;
}

.news-img img {
    width: 100%;
    max-width: none;
    height: auto;
    vertical-align: top;
}

.news-right {
    float: left;
    width: 60%;
}

.news-head {
    color: #999;
}

.noImage .news-left {
    width: 20%;
}

.noImage .news-date {
    width: 100%;
}

.noImage .news-img {
    display: none;
}

.noImage .news-right {
    width: 80%;
}


.news-pager span {
    line-height: 42px;
    padding: 0 10px;
    font-size: 20px;
    color: #fff;
    background-color: #232323;
    display: inline-block;
    min-width: 42px;
}

.news-pager a {
    display: inline-block;
    line-height: 42px;
    padding: 0 10px;
    font-size: 20px;
    min-width: 42px;
}

.news-pager a:hover {
    color: #fff;
    background-color: #232323;
    border-bottom: none;
}

.news-pager a {
    border-bottom: none;
}

.pg-prev {
    background-image: url(../../images/2018/icons/24px/arrow/long-left2.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.pg-prev:hover {
    background-image: url(../../images/2018/icons/24px/arrow/long-left2_w.svg);
}

.pg-next {
    background-image: url(../../images/2018/icons/24px/arrow/long-right2.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.pg-next:hover {
    background-image: url(../../images/2018/icons/24px/arrow/long-right2_w.svg);
}

/* .rsl-table-modul {position:relative;} */
.rsl-form-0 {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background-color: #fd4200;
}

.rsl-form-1 {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background-color: #d8d8d8;
}

.rsl-form-3 {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background-color: #52c546;
}

.rsl-form-y {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #ffd100;
}

.rsl-form-r {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #ff4200;
}

.rsl-form-yr {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-left: -2px;
    background-color: #ffd100;
    position: relative;
}

.rsl-form-yr:after {
    display: inline-block;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background-color: #ff4200;
    position: absolute;
    content: '';
    top: 0;
    left: 5px;
}

.highlight td {
    font-weight: bold;
}

.yb-highlight td {
    background-color: rgba(255, 207, 0, 0.8);
}

.simple-table th, .simple-table td {
    text-align: center;
    height: 48px;
    line-height: 22px;
    padding: 13px 10px;
    font-size: 16px;
}

.simple-table th {
    color: #999;
    border-bottom: 1px solid #000;
}

.simple-table td {
    border-bottom: 1px solid #d8d8d8;
}

.simple-table img {
    max-height: 50px;
    vertical-align: middle;
}

.simple-table-left th, .simple-table-left td {
    text-align: left;
    height: 48px;
    line-height: 22px;
    padding: 13px 10px;
    font-size: 16px;
}

.simple-table-left th {
    color: #999;
    border-bottom: 1px solid #000;
}

.simple-table-left td {
    border-bottom: 1px solid #d8d8d8;
}

.simple-table-left img {
    max-height: 50px;
    vertical-align: middle;
}

.rsl-fieberkurve-modul {
    position: relative;
}

.lbl-fieberkuve {
    height: 4px;
    width: 20px;
    float: left;
    margin: 20px 10px 0 20px;
    background-color: #fccf24;
}

.news-modul {
    position: relative;
}

.news-detail-modul .facebookLead.facebookLeadTop,
.news-detail-modul .facebookBot.facebookBotTop,
.news-detail-modul .trenner {
    display: none;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

a.pdf {
    margin: 16px 0 16px 70px;
    position: relative;
    margin-left: 0px;
}

/*a.pdf::before {
    content: '';
    height: 54px;
    width: 54px;
    position: absolute;
    top: -16px;
    left: -70px;
    border: 1px solid #d8d8d8;
    background-image: url(../../images/2018/icons/24px/arrow/download.svg);
    background-repeat: no-repeat;
    background-position: center;
}*/

a.ext {
    margin: 7px 0 7px 70px;
    position: relative;
    line-height: 22px; /*54px;*/
    margin-left: 52px;
}

a.cross-link {
    color: #232323;
    border-bottom: 2px solid #ffd100;
    padding-bottom: 2px !important;
    position: relative;
    margin-left: 20px;
}

a.cross-link:hover {
    border-bottom-color: #232323;
    color: #232323;
}

a.cross-link::after {
    content: '';
    background: transparent;
    position: absolute;
    left: -16px;
    top: 10px;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #ccc;
    border-width: 2px 2px 0 0;
}

a.cross-link::before {
    content: '';
    background: transparent;
    position: absolute;
    left: -13px;
    top: 10px;
    height: 12px;
    width: 2px;
    border-right: 2px solid #ccc;
    transform: rotate(45deg);
}

a.cross-link:hover::before, a.cross-link:hover::after {
    background: transparent;
}

iframe.ds-if {
    max-width: 600px;
}

.onlymobile {
    display: none;
}

/* TODO: replace with others */
@media screen and (max-width: 1545px) {
    .leaderboard_abovenews {
        /*display:none;*/
        padding: 0 !important;
        margin: 0 0 0 30px !important;
    }
}

@media screen and (max-width: 1468px) {
    .leaderboard_abovenews {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .onlymobile {
        display: block;
    }

    /* TODO: replace with others */
    .onlydesktop {
        display: none;
    }

    /* TODO: replace with others */
}

.on-mob-s {
    display: none;
}

.on-mob-m {
    display: none;
}

.on-mob-l {
    display: none;
}

.on-mob-x {
    display: none;
}

.aleft {
    text-align: left !important;
}

.aright {
    text-align: right !important;
}

.trans {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.teamstat-modul .stat-table .element-item {
    width: 120px;
}

.teamstat-modul .stat-table td:nth-child(1) {
    font-weight: bold;
}

.teamstat-modul .stat-table td:nth-child(2) {
    font-weight: bold;
}


/*--------------- TABLE_LAYOUT_START --------------*/
/*table.simple-table {width:1px !important; min-width:100%; max-width: 100%;overflow-x: auto;display: block;}*/
/*table.simple-table td {white-space: nowrap;}*/
/*--------------- TABLE_LAYOUT_END --------------*/


/*--------------- START: GOOGLE LANG WIDGET --------------*/
/*#google_translate_ph_desktop { width: 90px; overflow:hidden;}*/
#google_translate_element {
    width: 100%;
    overflow: hidden;
}

#google_translate_element .goog-te-gadget {
    font-family: 'Crystal-Medium' !important;
    font-size: inherit !important;
}

#google_translate_ph_mobile #google_translate_element .goog-te-gadget {
    font-size: 16px !important;
}

#google_translate_element .goog-te-gadget-simple {
    height: 48px;
    line-height: 48px;
    background-color: transparent !important;
    border-width: 0 !important;
    font-family: 'Crystal-Medium' !important;
    font-size: inherit !important;
}

#google_translate_element .goog-te-gadget-simple a > span:first-child {
    visibility: hidden;
}

#google_translate_element .goog-te-gadget-icon {
    display: none;
}

#google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
    margin: 0 !important;
}

#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
    color: transparent !important;
    border-color: #fff !important;
}

#google_translate_ph_mobile #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
    color: #232323 !important;
    border-color: #232323 !important;
}

.menu__item:hover #google_translate_ph_mobile #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
    color: #fff !important;
    border-color: #fff !important;
}

#google_translate_ph_mobile {
    height: 50px;
    overflow: hidden; /*display: inline-block;*/
}

.language-menu-lp {
    background-image: url(../../images/2018/icons/24px/functional/language_w.svg);
    background-size: auto 24px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
    width: 52px;
}

.language-menu-lp:hover {
    background-color: #ffd100;
    color: #000;
    background-image: url(../../images/2018/icons/24px/functional/language.svg);
    opacity: 1;
}

.banner-top-main-spp .language-menu-lp {
    width: 48px;
}

/*#google_translate_element .goog-te-gadget-simple {background-image:url(../../images/2018/icons/24px/functional/language_w.svg);background-size: cover;}*/
/*--------------- END: GOOGLE LANG WIDGET --------------*/

/*--------------- SITEMAPL_PAGE_START --------------*/
.sitemap-modul ul {
    padding: 0;
}

.sitemap-modul a:after {
    display: none;
}

.sitemap-modul .lvl-1 > li > span {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
}

.sitemap-modul .lvl-2 > li > a {
    font-size: 19px;
    font-weight: 400;
    line-height: 34px;
}

.sitemap-modul .lvl-3 > li > a {
    font-size: 19px;
    font-weight: 400;
    line-height: 34px;
}

/*--------------- SITEMAPL_PAGE_END --------------*/

/*--------------- SEARCH_PAGE_START --------------*/
.search-modul ul {
    padding: 0;
}

.search-modul a:after {
    display: none;
}

.search-modul .lvl-1 > li > span {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
}

.search-modul .lvl-2 > li > a {
    font-size: 19px;
    font-weight: 400;
    line-height: 34px;
}

.search-modul .lvl-3 > li > a {
    font-size: 19px;
    font-weight: 400;
    line-height: 34px;
}

/*--------------- SEARCH_PAGE_END --------------*/

ul.lvl-1 > li {
    font-size: 22px;
    line-height: 27px;
}

ul.lvl-2 li {
    padding-left: 33px;
    line-height: 27px;
    background-image: url(../../images/2018/icons/24px/arrow/long-right2_g.svg);
    background-repeat: no-repeat;
    background-position: 0% 5px;
}

ul.lvl-2 {
    padding-bottom: 45px;
}

/*--------------- YB_FAN_WALL_START --------------*/
/*Champions League Wall*/
/*.fanwall {
	background: #060c3e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDYwYzNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDYwYzNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjNjMzZjlmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-65deg, #060c3e 1%, #060c3e 50%, #633f9f 75%, #2989d8 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#060c3e), color-stop(50%,#060c3e), color-stop(75%,#633f9f), color-stop(100%,#2989d8));
	background: -webkit-linear-gradient(-65deg, #060c3e 1%,#060c3e 50%,#633f9f 75%,#2989d8 100%);
	background: -o-linear-gradient(-65deg, #060c3e 1%,#060c3e 50%,#633f9f 75%,#2989d8 100%);
	background: -ms-linear-gradient(-65deg, #060c3e 1%,#060c3e 50%,#633f9f 75%,#2989d8 100%);
	background: linear-gradient(155deg, #060c3e 1%,#060c3e 50%,#633f9f 75%,#2989d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060c3e', endColorstr='#2989d8',GradientType=1 );
	background-attachment: fixed;
}*/
.fanwall h1 {
    display: none;
}

/* .fanwall .block-main-outer:before {content: "";background: url(../../images/2018/cl-logo.svg);background-repeat: no-repeat;width: 160px;display: block;height: 160px;position: absolute;top: 40px;left: -180px;background-size: contain;} */
/*--------------- YB_FAN_WALL_END --------------*/


/*--------------- YB_FAN_WALL_SKY_SCRAPER_START --------------*/
.fanwall .block-main-outer {
    width: calc(100% - 183px) !important;
}

/*--------------- YB_FAN_WALL_SKY_SCRAPER_END --------------*/

/*--------------- YB_TICKET_BOXEN_START --------------*/
.yb_ticket_modul {
    display: block;
    margin: 0;
}

.yb_ticket_modul .yb_ticket_item {
    display: inline-block;
    width: 33.3333%;
    padding: 0 10px 30px 10px;
}

.yb_ticket_modul .yb_ticket_item:nth-child(3n+1) {
    padding: 0 0 30px 20px;
}

.yb_ticket_modul .yb_ticket_item:nth-child(3n+2) {
    padding: 0 20px 30px 0;
}

.yb_ticket_modul .yb_ticket_item:hover {
    opacity: 0.6;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.yb_ticket_modul .yb_ticket_item > a {
    display: block;
    text-decoration: none;
    border: none;
}

@media screen and (max-width: 1024px) {
    .container-matches {
        flex-direction: column;
    }

    .flex-column-container {
        width: 100% !important;
    }

    .news-item {
        width: 100% !important;
    }

    .yb_ticket_modul .yb_ticket_item {
        display: inline-block;
        width: 50%;
        padding: 0 10px 30px 10px;
    }

    .yb_ticket_modul .yb_ticket_item:nth-child(2n+1) {
        padding: 0 0 30px 15px;
    }

    .yb_ticket_modul .yb_ticket_item:nth-child(2n+2) {
        padding: 0 15px 30px 0;
    }
}

@media screen and (max-width: 420px) {
    .yb_ticket_modul .yb_ticket_item {
        display: inline-block;
        width: 100%;
        padding: 0 0 15px 0 !important;
    }
}

/*--------------- YB_TICKET_BOXEN_END --------------*/

/* swiss quali quest siegel */
.block_sqq {
    float: right;
    width: 110px;
    margin: 0 0 10px 10px;
}


/*Sponsoren Zentrieren*/
.element-items.element-sponsors div {
    text-align: center !important;
}

.news-container {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: stretch;
    padding: 24px;
    position: relative;
}

.news-item {
    width: 33%;
}

.news-image {
    width: 100%;
    height: auto;
}

.news-info {
    font-family: 'Crystal-Medium';
}

.news-label {
    background-color: #ffd100;
    color: black;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    line-height: 24px;
}

.news-label.shop-news {
    background-color: #000000;
}

.shop-news .news-category-title {
    color: #ffffff;
}

.news-title {
    font-size: 40px;
    line-height: 46px;
    margin-top: 10px;
}

.news-description {
    font-family: 'Crystal-Regular';
    font-size: 30px;
    line-height: 36px;
}

.news-label, .news-title {
    padding: 10px 24px;
}

.news-description {
    padding: 0 24px;
}

@media (max-width: 768px) {
    .news-container {
        flex-direction: column;
        align-items: center;
    }
}

.game-type {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.button-container .button {
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
}

.button-container a {
    width: 100%;
}

.flex-column-container {
    display: flex;
    flex-direction: column;
    width: 32%;
}

.icons-match-overview {
    max-width: 75px;
}

.container-matches {
    display: flex;
    justify-content: space-evenly;
    gap: 13px;
    width: 100%;
    background-color: #ffd100;
    padding: 24px;
    font-family: 'Crystal-Medium';
}

.button-container {
    display: flex;
    gap: 24px;
    flex-direction: row;
    font-size: 20px;
    line-height: 24px;
}

.game div {
    padding: 10px 0;
}

.game {
    background-color: black;
    color: white;
    min-height: 315px;
    width: 100%;
    text-align: center;
    position: relative;
}

.label {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    color: black;
    padding: 5px 10px;
    width: 108px;
    height: 36%;
    overflow: hidden;
    clip-path: polygon(100% 0, 0 0, 0 100%);
}

.label-text {
    transform: rotate(-45deg);
    display: inline-block;
    margin-right: 35%;
    margin-top: 7%;
    font-family: 'Crystal-ExpandedBold';
    font-size: 17px;
    line-height: 18px;
}

.last-game .game-type,
.next-game .game-type {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
}

.teams {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;
    margin-top: 30px;
}

.score, .time {
    font-size: 45px;
    line-height: 54px;
}

.date {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 36px;
    margin-top: 70px;
}

.button {
    background-color: yellow;
    color: black;
    border: none;
    padding: 14px;
    margin-top: 24px;
    cursor: pointer;
    width: 100%;
}

.button-container .button:hover {
    background-color: #fff;
    color: #000;
}

.news-category-title {
    padding: 10px 0;
}


/*Google Ad Leaderboard */
#leaderboard-wrapper {
    padding: 24px;
    text-align: center;
    background-color: #ffd100;
}


/* Fanshop iFrame */
#block_shop_iframe {
    padding: 24px;
    background-color: #000000;
}

.iframe-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.iframe-heading p {
    margin: 0;
}

.iframe-heading p:last-child {
    margin-left: auto;
}

.iframe-heading p {
    color: #fff;
}

.text-underline {
    text-decoration: underline;
    text-underline-offset: 4px;
}

#eye-able_button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
}

.eyeable-custom-btn {
    display: flex;
    align-items: center;
    padding: 0;
    border: none; 
    position: relative; 
    overflow: hidden; 
    background-color: black; 
    width: 60px; 
    height: 50px;
    transition: width 0.5s ease; 
}

.eyeable-btn-text {
    background-color: #ffd100;
    color: black;
    padding: 10px;
    display: flex;
    align-items: center;
    white-space: nowrap; 
    position: absolute; 
    left: -200px; 
    transition: left 0.5s ease; 
    z-index: 2; 
    height: 100%;
    box-sizing: border-box; 
    width: 150px;
}

.eyeable-custom-btn:hover .eyeable-btn-text {
    left: 0;
}

.eyeable-custom-btn:hover {
    width: 200px;
}

.eyeable-btn-icon {
    background-color: black;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    width: 60px;
    height: 50px;
    transition: transform 0.5s ease;
}

.eyeable-custom-btn:hover .eyeable-btn-icon {
    transform: translateX(150px);
}

.eyeable-btn-icon img {
    width: 20px;
    height: 20px;
}