html,body{margin:0px; font-family: 'Viga', sans-serif;background-color:#292928;}
a{text-decoration:none;color:rgb(121 101 6);}

.main-wrapp{
	background: #000 url(/img/background2.webp) left top no-repeat;
	background-size: contain;
    background-attachment: fixed;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{padding-top:.5rem;}
/*
	HEAD
*/
.header {background: #292928;height: 150px;overflow: hidden;padding: 10px;color:#fff;}
.header a{color:#fff;text-decoration:none;}
.header .container{display:flex;} 
.header .logo img{height:130px;}
.header .logo{flex-grow:1;}
.header .leaguespace{flex-grow:4;}
.header .leaguespace .navinfo{display:inline-block;}
.header .navspace{flex-grow:4;text-align:right;}
.header .leaguespace .slogan{display:block;font-size:15pt;margin-bottom:15px;}

#mobile_nav {display: none;font-size: 35pt;cursor: pointer;}
#mobile_nav_container {display:none;background:rgb(243,202,2,0.9);position: absolute;z-index: 99;top: 100px;right: 0px;padding: 20px;border-radius: 10px 0px 0px 10px;}
#mobile_nav_container ul{list-style-type:none;}
#mobile_nav_container li{list-style-type:none;margin-bottom:5px;}
#mobile_nav_container .slogan{font-size:14pt;}
#mobile_nav_container a{color:#212529;}
#mobile_nav_container .league a{font-size:13pt;color:#212529;}
#mobile_nav_container .league .navlist a{font-size:12pt;color:#212529;}


.header .navinfo a{color:rgb(243,202,2);padding: 0px 20px 5px 0px;;position:relative;font-size: 15pt;}
.header .navinfo .downicon {font-size: 10px;}
.header .navinfo .navlist{display:none;position:absolute;z-index:99;padding: 10px;background-color: #292928;border-radius:10px;font-size: 12pt;}
.header .navinfo .navlist li {display: block;padding-left: 15px;font-size: 12pt;}
.header .navinfo .navlist li a:hover{color:rgb(243,202,2);}
.header .navspace li{padding-right:15px;}

.header .navinfo li:hover .navlist{display:block;}
.header .navinfo li:hover a{color:#fff;}
 
.header ul{list-style-type:none;margin: 0px;padding: 0px;display: inline;}
.header ul li{display:inline-block;}

/*
	CONT
*/
table{max-width: 100%;overflow-x: scroll;}
table td{background-color:transparent !important;}
/*table th{background-color:rgb(231,231,114,0.9) !important;}*/
table th{background-color:rgb(243,202,2,0.9) !important;}
.table-wrapper {max-width: 100%;overflow-x: auto;}

.topscorer-table a, .penalty-table a{color:#212529;}

.yell{color:rgb(243,202,2);text-shadow: 1px 1px 0px #292928;}

.content .nav-link.active{color:rgb(243,202,2);}
.content .nav-link{color:inherit;}

.tab-content>.active {display: block;padding: 15px;border: 1px solid rgb(222, 226, 230);border-top: 0px;}

.content img{max-width:100%;}
.content .container{background-color: rgb(200, 200, 200, 0.9);margin-top:25px;position:relative;}
.content .container .container{background:transparent;}

.teams{display:flex;flex-wrap: wrap;}
.teams .team{flex: 0 0 23%;padding: 10px;background-color: #eee;border: 1px solid #000;margin: 10px;text-align:center;}
.teams .team a{color:rgb(33, 37, 41);}
.teams .team img{max-height:120px;}

#accordionHistorie .accordion-item{padding:0px 10px;} 
#accordionHistorie .accordion-body{padding:10px 0px;} 
#accordionHistorie .accordion-button{background-color:#fff !important;}
#accordionHistorie .teams .team{flex: 1 0 49%;}

.game_result_bar {display: flex;}
.game_result_bar_left{flex:1;text-align:right;padding-right:15px;}
.game_result_bar_right{flex:1;text-align:left;padding-left:15px;}
.game_result_bar .score{font-size:30pt;font-weight:bold;display:block;margin:15px;}
.game_result_bar img{max-width:90px;}
 
.games-table .score{white-space: nowrap;}

.ranking-table .team_abkrz{display:none;}

.sm-icon{height:25px;}

ul.lastgames {list-style: none;margin: 0px;padding: 0px;margin-bottom: 15px;}
ul.lastgames li{display:block;margin-bottom: 8px;}
.lastgames .win {border: 1px solid #a3cfbb;padding: 2px 5px;background-color: #d1e7dd;color: #0a3622;width: 60px;display: inline-block;text-align: center;}
.lastgames .lose {border: 1px solid #f1aeb5;padding: 2px 5px;background-color: #f8d7da;color: #58151c;width: 60px;display: inline-block;text-align: center;}
.lastgames .draw {border: 1px solid #e9ecef;padding: 2px 5px;background-color: #fcfcfd;color: #495057;width: 60px;display: inline-block;text-align: center;}

img.short_logo {max-height: 25px;}

.ticker-row {padding: 10px 0px;border-top: 1px solid #ccc;}
.ticker-row.tor{background-color:#fff3cd;}
.ticker-icon{width:30px;}

.pokal-bracket{text-align:center;}
.pokal-bracket .match{border:1px solid rgb(222, 226, 230); padding:5px;text-align:center;}
.round-achtel{display:flex;flex-wrap: wrap;justify-content: center;}
.round-achtel .match{flex: 0 0 23%;}
.round-viertel{display:flex;flex-wrap: wrap;justify-content: center;}
.round-viertel .match{flex: 0 0 23%;}
.round-halb{display:flex;flex-wrap: wrap;justify-content: center;}
.round-halb .match{flex: 0 0 45%;}
.pokal-game .result{font-size:20pt;}
.pokal-bracket .title{display:block;color:rgb(243,202,2);}

.topp{padding:12px;}



.upcoming_games {display: flex;padding: 10px 0px;overflow: hidden;overflow-x:scroll;-ms-overflow-style: none;scrollbar-width: none;}
.upcoming_games::-webkit-scrollbar {display: none;}
.latest_games {display: flex;padding: 10px 0px;overflow: hidden;overflow-x:scroll;-ms-overflow-style: none;scrollbar-width: none;}
.latest_games::-webkit-scrollbar {display: none;}

.scroll-right-handle{position: absolute;top: 40%;right: 6px;padding: 5px;background-color: rgb(245, 205, 0, 0.7);border-radius: 25px;cursor:pointer;z-index:10;} 
.scroll-left-handle{position: absolute;top: 40%;left: 6px;padding: 5px;background-color: rgb(245, 205, 0, 0.7);border-radius: 25px;cursor:pointer;z-index:10;}

.small-game {text-align: center;padding: 0px 10px;border:1px solid #fff;min-width: 200px;margin: 0px 5px 0px 0px;position:relative;}
.small-game .result{font-size:20pt;}
.small-game .date, .small-game .place{font-size:11pt;}
.small-game .place{display:inline-block;height:45px;}
.small-game .league{display:block;}

span.winner_stat{display:block;margin-bottom:15px;}
.league_teams_logo{max-width:250px !important;}

.placing a{color:#212529;}

.live-game{text-align: center;display: inline-block;padding: 15px;border: 2px dotted red;margin-bottom: 15px;}
.live-game .result{font-size:22pt;}
.live-game .result img{max-height: 35px !important;}

/*
	Footer
*/
.footer-wrapper {background: #979797;overflow: hidden;padding: 10px;color:#fff;margin-top:25px;padding-top:25px;padding-bottom:25px;}
.footer-wrapper a{color:#fff;text-decoration:none;}

.footer-teams{display:flex;flex-wrap: wrap;}
.footer-teams .team{flex: 0 0 23%;padding: 5px;}
.footer-teams .team img{max-height:50px;}

.sm-icon-footer{height:50px;color:#fff;fill:white;}

.copyright{line-height: 40px;}
.copyright img {height: 23px;position: relative;top: -4px;padding-left:5px;padding-right:5px;}

.footer-wrapper .footer_bottom{font-size:80%;}

/*
	PlayOffs
*/
.playoff-bracket {display: inline-block;margin-bottom: 15px;}
.playoff-bracket .team_full_name{width: 250px !important;display: inline-block;}
.playoff-bracket .team_full_name a{color:#212529;}
.playoff-bracket .round {display: inline-block;vertical-align: middle;}
.playoff-bracket .round .winners > div {display: inline-block;vertical-align: middle;}
.playoff-bracket .round .winners > div.matchups .matchup:last-child {margin-bottom: 0 !important;}
.playoff-bracket .round .winners > div.matchups .matchup .participants {border-radius: 0.25rem;overflow: hidden;}
.playoff-bracket .round .winners > div.matchups .matchup .participants .participant {box-sizing: border-box;color: #858585;border-left: 0.25rem solid #858585;background: white;width: auto;height: auto;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);}
.playoff-bracket .round .winners > div.matchups .matchup .participants .participant.winner {color: #60c645;border-color: #60c645;}
.playoff-bracket .round .winners > div.matchups .matchup .participants .participant.loser {color: #dc563f;border-color: #dc563f;}
.playoff-bracket .round .winners > div.matchups .matchup .participants .participant:not(:last-child) {border-bottom: thin solid #f0f2f2;}
.playoff-bracket .round .winners > div.matchups .matchup .participants .participant span {margin: 0 0.9rem;line-height: 3;}
.playoff-bracket .round .winners > div.connector.filled .line, .playoff-bracket .round .winners > div.connector.filled.bottom .merger:after, .playoff-bracket .round .winners > div.connector.filled.top .merger:before {border-color: #60c645;}
.playoff-bracket .round .winners > div.connector .line, .playoff-bracket .round .winners > div.connector .merger {box-sizing: border-box;width: 2rem;display: inline-block;vertical-align: top;}
.playoff-bracket .round .winners > div.connector .line {border-bottom: thin solid rgb(243,202,2,0.9);height: 4rem;}
.playoff-bracket .round .winners > div.connector .merger {position: relative;height: 8rem;}
.playoff-bracket .round .winners > div.connector .merger:before, .playoff-bracket .round .winners > div.connector .merger:after {content: "";display: block;box-sizing: border-box;width: 100%;height: 50%;border: 0 solid;border-color: rgb(243,202,2,0.9);}
.playoff-bracket .round .winners > div.connector .merger:before {border-right-width: thin;border-top-width: thin;}
.playoff-bracket .round .winners > div.connector .merger:after {border-right-width: thin;border-bottom-width: thin;}
.playoff-bracket .round.semifinals .winners .matchups .matchup:not(:last-child) {margin-bottom: 2rem;}
.playoff-bracket .round.semifinals .winners .connector .merger {height: 8rem;}
.playoff-bracket .round.semifinals .winners .connector .line {height: 4rem;}
.playoff-bracket .round.finals .winners .connector .merger {height: 3rem;}
.playoff-bracket .round.finals .winners .connector .line {height: 1.5rem;}

/*
	DT Fixes
*/
.dt-length, .dt-search label{display:none;}

/*
	Gastspielerbörse
*/
.training-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.training-item {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.training-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: #f9fafb;
  font-size: 0.95rem;
  align-items: center;
}

.training-cell {
  padding: 0.3rem 0;
}

.training-cell.team .team-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.training-cell.team img {
  height: 28px;
  width: auto;
}
.training-cell::before {
    content: attr(data-label) ":\A";
    white-space: pre;
    font-weight: bold;
}
.training-notes {
  border-top: 1px solid #eee;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  color: #666;
  background: #fcfcfc;
}

.training-notes .badge {
  display: inline-block;
  background: #17a2b8;
  color: #fff;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 0.8rem;
  margin-top: 0.4rem;
}

.training-notes .no-info {
  color: #bbb;
}

@media (max-width: 900px) {
  .training-grid {
    grid-template-columns: 1fr 1fr;
  }
  .training-cell {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 0.4rem 0;
  }
  .training-cell::before {
    content: attr(data-label) ": ";
    font-weight: 600;
    color: #444;
  }
}

/*
	BS Changes
*/
.dt-paging-button a{background-color:rgb(245, 205, 0, 0.9);color:#000;}
.dt-paging-button.disabled a{background-color:rgb(245, 205, 0, 0.5) !important;color:#000 !important;}
.dt-paging-button.active a{background-color:#292928;color:rgb(243,202,2);}

#accordionBerichte .accordion-header button{background-color:transparent;font-size: 15pt;}

@media (max-width: 1200px) {
	.leaguespace{margin-left:20px;}
}
@media (max-width: 990px) {
	.leaguespace{margin-left:20px;}
	.header .navinfo a{font-size: 12pt;}
	.header .navspace .navlist li{display:block;}
	
	.playoff-bracket .team_full_name{display:none;}
}
@media (max-width: 768px) {
	.footer_top .col-md-4{margin-bottom:40px;}
	#mobile_nav{display:block;}
	.header .navspace{display:none;}
	.header .leaguespace{display:none;}
	
	.teams .team{flex: 0 0 41%;}
	.row.player-overview-row div{flex:0 0 47%;}
}
@media (max-width: 580px) {
	.ranking-table .team_abkrz{display:block;}
	.ranking-table .team_name{display:none;}
	.games-table .place{display:none;}
	
	.nav-tabs .nav-link{width:100%;}
	
}