@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);*/


/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  /* swap: headings stay readable while the webfont loads instead of flashing invisible */
  font-display: swap;
  src: url('../fonts/bebas-neue-v9-latin-regular.woff2') format('woff2'),
       url('../fonts/bebas-neue-v9-latin-regular.woff') format('woff');
}

.pull-w200 {
}


.pull-w200 img{
width: 400px;
float: left;
padding-right:20px;
padding-bottom:50px;

}

#sponsoren-center > .inner {
    padding-left:15px;
}

div.owl-stage {
     display: flex;
 justify-content: center;
 align-items: center;
}



.tck-article-detail-heading {
    padding-bottom: 10px;
    
    
}

#wrapper-video .tck-module {
    border: 10px solid #ddd;
    margin-bottom: 30px;
}

#wrapper-black {
    background-color:#000000 !important;
    margin: 0px;
    padding-top:50px;
    
}

.btn-secondary {
    background-color:#41a9e0 !important;
    font-weight: 600; 
}

#wrapper div.search {
    padding-top: 50px;
    
}

#mainmenu {
    font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 1.2em;
    
}
.table th, .table td {
border-top: 1px solid #ddd;
}

#mainmenu .mobileckhambuger_togglerlabel{
    color:#ffffff;
      /*border: 1px solid #ffffff;*/

    
}

div.page-header h1 {
        font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 2.4em;
    color: #19365b;
    padding-top: 40px;
    padding-bottom: 10px;
}
h3.page-header {
    font-size: 0.9em;
    
}

li.tab-buttons {
	font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 1.4em;
	color: #19365b;
        background-color: #41a9e0;
}
li.tab-buttons > a {

    margin:10px;
    padding:10px !important;
    background-color: #41a9e0;
    border: none !important;
}
li.tab-buttons.active > a {

    margin:10px;
    padding:10px !important;
    background-color: #19365b !important;
    color:#ffffff !important;
    border: none !important;
    
}



li.tab-buttons > a:hover,
li.tab-buttons > a:active,
li.tab-buttons > a:visited {
        border: none !important;
}

div.tab-content{
  border: none !important;
    margin:10px;
    padding:20px;
    
}
button.btn-blue {
    background-color: #41a9e0;
    color: #ffffff;
    font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 1.3em;
    padding: 15px;
    text-align: center;
    align-content: center;
    margin: auto;
}

div.sponsoren-center h2 {
    background-color: #efefef;
    padding: 20px;
    text-align: center;
    font-size: 36px;
color: #888888;

}

h2.lgx-logo-header-title {
    background-color: #efefef;
    padding: 20px;
}
h2.center{
    text-align: center;
    
}
h2 {
    font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 2.4em;
    color: #19365b;
    padding-top: 40px;
    padding-bottom: 10px;
}
#tabelle th, #spielplan th {
	background-color: #41a9e0;
    color: #ffffff;
}
#tabelle tr {
	background-color: #efefef;
	border-bottom: 1px solid #A9A9A9;
    padding:10px;
}
.moduletable_title-damen {
	background: #41a9e0 url('../images/bg_1.jpg') 0px 0px no-repeat scroll;
	/*margin-top: 90px;*/
	min-height: 160px;
	background-size: cover;
}

.moduletable_title-bundesliga {
    background: #41a9e0 url('../images/slider_bg.jpg') 0px 0px no-repeat scroll;
    min-height: 160px;
}

.moduletable_title-damen, .moduletable_title-bundesliga h1{
    font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 2.4em;
    padding-top:50px;
}

p.footer-ueberschrift {
	font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	padding-top: 25px;
	
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
    font-size: 1.5em;
}


h2.tck-article-title {
    
    margin-top:20px;
}

tr.success > td {background-color: #cfe09b;
}

tr.danger > td {background-color: rgba(242,222,222) !important;
}
p.bg-info { background-color: #d9edf7;
    
}


#wrapper-header .nav-header {
    font-size: 1.9em;
    font-weight: normal;
    color: #ffffff;
    background-color: #41a9e0;
    padding:10px;
    
}
#wrapper-header .nav-child > li{
    font-size: 1.4em;
    margin:5px;
}


#news .card-title {
	background-color: #EF191D;
    padding: 0;
    margin: 0;
}


#starttitle {
	background-color: #efefef;
    margin-top: 80px;

}

#wrapper-slider  {
    margin-top: 90px;
    min-height: 200px;
}

#wrapper  {
   /* margin-top: 90px;*/
}

#bundesliga h2 {
    font-family: "bebas neue",Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 2.4em;
    color: #ffffff;
    padding: 15px;
    
}

#bundesliga img {
    border: none;
    width:220px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-top: 0px;
    
}

#bundesliga p {
text-align: center;
    
}



#footer {
    font-size: 0.9em;
    padding-bottom:10px;
    padding-left:15px;
}
#footer a {
	padding-top:10px;
    
}
    
    
.sj-extraslider .owl-dots .owl-dot.active {
    background: #19365b;}
.sj-extraslider .owl-dots .owl-dot:hover {
  background: #19365b;
}

/* Safety net: the width/height attributes reserve the box against layout shift,
   while these rules keep the logo responsive and its aspect ratio intact. */
.tck-logo-img {
	max-width: 100%;
	height: auto;
}

/* ---------------------------------------------------------------------------
   Joomla 5 dropdown behaviour
   ---------------------------------------------------------------------------
   css/bootstrap-compat.css carries Bootstrap 2's .dropdown-menu styling, which
   reveals the menu via ".open > .dropdown-menu". Joomla 5 ships Bootstrap 5's
   JavaScript instead, and that toggles .show on the menu itself -- so the open
   state needs its own rule here.
   --------------------------------------------------------------------------- */

.dropdown-menu.show {
	display: block;
}

/* Bootstrap 5 draws the caret with a pseudo element rather than a <b class="caret"> */
.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	vertical-align: middle;
	content: "";
	border-top: 4px solid currentcolor;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/* The article tools sit right-aligned, so open their menu towards the left edge */
.tck-article-tools .dropdown-menu {
	right: 0;
	left: auto;
}