body {
	color: #000;
}

html.log-form,
html.log-form body {
    margin: 0;
}

html.log-form {
    background: url("../img/background-login.png") no-repeat center center fixed;
    background-size: cover;
    height: 100%; /* Fixiert die logische Höhe */
}

html.log-form body {
    background: transparent !important; /* Entfernt den Hintergrund vom Body */
    min-height: 100%; /* Nutzt die Höhe von html */
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.1px;
    color: #fff;
    text-align: center;
}

html.log-form body h2 {
	margin-bottom: 3rem;
    font-weight: bolder;
}

html.log-form body input {
	border-radius: 11px;
    border: 0px;
    text-align: center;
}

html.log-form body form {
	margin-bottom: 3rem;
}

img.tippspiel-logo {
	max-width: 100%;
}

img.tippspiel-logo.no-user {
	max-width: 25%;
}

#userDropdown span {
	color:#000;
	font-weight: bolder;
}

.topbar .topbar-divider {
	border-right: 3px solid #254998;
}

ul.navbar-nav.sidebar {
	background: #254998;
}

ul.navbar-nav.sidebar .nav-item .nav-link {
	font-weight: bolder;
}

.sidebar .nav-item .nav-link span {
	font-size: 1rem !important;
}

.sidebar-dark .sidebar-heading {
	color: #76b2dd;
}

.sidebar .sidebar-heading {
	font-size: 1rem;
}


.topbar .nav-item div.topbar-element-div {
    height: 4.375rem;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
}

.full-width {
	width: 100%;
}

.game p.team-name {
	font-family: "Permanent Marker", cursive;
}

.game .score-tip input {
	text-align: center;
}

.game {
	display: flex;
	justify-content: center;
}

.game div {
	align-self: center;
}

.away-team, .home-team {
	width: 35%;
}

.away-team p {
	float: right;
}

.home-team p {
	float: left;
}

.game .score-tip {
	margin: 0rem 1rem;
	width: 40%;
}

.game p {
	display: flex;
	align-items: center;
}

/* === TEAM DEFINITIONS (COLOR + LOGO) === */
.cowboys     { color:#002B5C; --logo:url(../assets/team-logos/dallas-cowboys.png); }
.border-left-cowboys     { border-left: 0.5rem solid #002B5C !important;}
.border-right-cowboys    { border-right: 0.5rem solid #002B5C !important; }

.eagles      { color:#004C54; --logo:url(../assets/team-logos/philadelphia-eagles.png); }
.border-left-eagles      { border-left: 0.5rem solid #004C54 !important; }
.border-right-eagles     { border-right: 0.5rem solid #004C54 !important; }

.chiefs      { color:#e31837; --logo:url(../assets/team-logos/kansas-city-chiefs.png); }
.border-left-chiefs      { border-left: 0.5rem solid #e31837 !important; }
.border-right-chiefs     { border-right: 0.5rem solid #e31837 !important; }

.chargers    { color:#0080c5; --logo:url(../assets/team-logos/los-angeles-chargers.png); }
.border-left-chargers    { border-left: 0.5rem solid #0080c5 !important; }
.border-right-chargers   { border-right: 0.5rem solid #0080c5 !important; }

.buccaneers  { color:#d50a0a; --logo:url(../assets/team-logos/tampa-bay-buccaneers.png); }
.border-left-buccaneers  { border-left: 0.5rem solid #d50a0a !important; }
.border-right-buccaneers { border-right: 0.5rem solid #d50a0a !important; }

.falcons     { color:#a71930; --logo:url(../assets/team-logos/atlanta-falcons.png); }
.border-left-falcons     { border-left: 0.5rem solid #a71930 !important; }
.border-right-falcons    { border-right: 0.5rem solid #a71930 !important; }

.bengals     { color:#fb4f14; --logo:url(../assets/team-logos/cincinnati-bengals.png); }
.border-left-bengals     { border-left: 0.5rem solid #fb4f14 !important; }
.border-right-bengals    { border-right: 0.5rem solid #fb4f14 !important; }

.browns      { color:#311d00; --logo:url(../assets/team-logos/cleveland-browns.png); }
.border-left-browns      { border-left: 0.5rem solid #311d00 !important; }
.border-right-browns     { border-right: 0.5rem solid #311d00 !important; }

.dolphins    { color:#008e97; --logo:url(../assets/team-logos/miami-dolphins.png); }
.border-left-dolphins    { border-left: 0.5rem solid #008e97 !important; }
.border-right-dolphins   { border-right: 0.5rem solid #008e97 !important; }

.colts       { color:#002c5f; --logo:url(../assets/team-logos/indianapolis-colts.png); }
.border-left-colts       { border-left: 0.5rem solid #002c5f !important; }
.border-right-colts      { border-right: 0.5rem solid #002c5f !important; }

.raiders     { color:#000000; --logo:url(../assets/team-logos/las-vegas-raiders.png); }
.border-left-raiders     { border-left: 0.5rem solid #000000 !important; }
.border-right-raiders    { border-right: 0.5rem solid #000000 !important; }

.patriots    { color:#002244; --logo:url(../assets/team-logos/new-england-patriots.png); }
.border-left-patriots    { border-left: 0.5rem solid #002244 !important; }
.border-right-patriots   { border-right: 0.5rem solid #002244 !important; }

.cardinals   { color:#97233f; --logo:url(../assets/team-logos/arizona-cardinals.png); }
.border-left-cardinals   { border-left: 0.5rem solid #97233f !important; }
.border-right-cardinals  { border-right: 0.5rem solid #97233f !important; }

.saints      { color:#d3bc8d; --logo:url(../assets/team-logos/new-orleans-saints.png); }
.border-left-saints      { border-left: 0.5rem solid #d3bc8d !important; }
.border-right-saints     { border-right: 0.5rem solid #d3bc8d !important; }

.steelers    { color:#ffb612; --logo:url(../assets/team-logos/pittsburgh-steelers.png); }
.border-left-steelers    { border-left: 0.5rem solid #ffb612 !important; }
.border-right-steelers   { border-right: 0.5rem solid #ffb612 !important; }

.jets        { color:#203731; --logo:url(../assets/team-logos/new-york-jets.png); }
.border-left-jets        { border-left: 0.5rem solid #203731 !important; }
.border-right-jets       { border-right: 0.5rem solid #203731 !important; }

.giants      { color:#0b2265; --logo:url(../assets/team-logos/new-york-giants.png); }
.border-left-giants      { border-left: 0.5rem solid #0b2265 !important; }
.border-right-giants     { border-right: 0.5rem solid #0b2265 !important; }

.commanders  { color:#5A1414; --logo:url(../assets/team-logos/washington-commanders.png); }
.border-left-commanders  { border-left: 0.5rem solid #5A1414 !important; }
.border-right-commanders { border-right: 0.5rem solid #5A1414 !important; }

.panthers    { color:#0084CD; --logo:url(../assets/team-logos/carolina-panthers.png); }
.border-left-panthers    { border-left: 0.5rem solid #0084CD !important; }
.border-right-panthers   { border-right: 0.5rem solid #0084CD !important; }

.jaguars     { color:#006778; --logo:url(../assets/team-logos/jacksonville-jaguars.png); }
.border-left-jaguars     { border-left: 0.5rem solid #006778 !important; }
.border-right-jaguars    { border-right: 0.5rem solid #006778 !important; }

.titans      { color:#0C2340; --logo:url(../assets/team-logos/tennessee-titans.png); }
.border-left-titans      { border-left: 0.5rem solid #0C2340 !important; }
.border-right-titans     { border-right: 0.5rem solid #0C2340 !important; }

.broncos     { color:#FE4E00; --logo:url(../assets/team-logos/denver-broncos.png); }
.border-left-broncos     { border-left: 0.5rem solid #FE4E00 !important; }
.border-right-broncos    { border-right: 0.5rem solid #FE4E00 !important; }

.sf49ers     { color:#e91e22; --logo:url(../assets/team-logos/san-francisco-49ers.png); }
.border-left-sf49ers     { border-left: 0.5rem solid #e91e22 !important; }
.border-right-sf49ers    { border-right: 0.5rem solid #e91e22 !important; }

.seahawks    { color:#002145; --logo:url(../assets/team-logos/seattle-seahawks.png); }
.border-left-seahawks    { border-left: 0.5rem solid #002145 !important; }
.border-right-seahawks   { border-right: 0.5rem solid #002145 !important; }

.lions       { color:#006DB0; --logo:url(../assets/team-logos/detroit-lions.png); }
.border-left-lions       { border-left: 0.5rem solid #006DB0 !important; }
.border-right-lions      { border-right: 0.5rem solid #006DB0 !important; }

.packers     { color:#004c54; --logo:url(../assets/team-logos/green-bay-packers.png); }
.border-left-packers     { border-left: 0.5rem solid #004c54 !important; }
.border-right-packers    { border-right: 0.5rem solid #004c54 !important; }

.texans      { color:#03202F; --logo:url(../assets/team-logos/houston-texans.png); }
.border-left-texans      { border-left: 0.5rem solid #03202F !important; }
.border-right-texans     { border-right: 0.5rem solid #03202F !important; }

.rams        { color:#003594; --logo:url(../assets/team-logos/los-angeles-rams.png); }
.border-left-rams        { border-left: 0.5rem solid #003594 !important; }
.border-right-rams       { border-right: 0.5rem solid #003594 !important; }

.ravens      { color:#241773; --logo:url(../assets/team-logos/baltimore-ravens.png); }
.border-left-ravens      { border-left: 0.5rem solid #241773 !important; }
.border-right-ravens     { border-right: 0.5rem solid #241773 !important; }

.bills       { color:#00338D; --logo:url(../assets/team-logos/buffalo-bills.png); }
.border-left-bills       { border-left: 0.5rem solid #00338D !important; }
.border-right-bills      { border-right: 0.5rem solid #00338D !important; }

.vikings     { color:#4F2683; --logo:url(../assets/team-logos/minnesota-vikings.png); }
.border-left-vikings     { border-left: 0.5rem solid #4F2683 !important; }
.border-right-vikings    { border-right: 0.5rem solid #4F2683 !important; }

.bears       { color:#CA3700; --logo:url(../assets/team-logos/chicago-bears.png); }
.border-left-bears       { border-left: 0.5rem solid #CA3700 !important; }
.border-right-bears      { border-right: 0.5rem solid #CA3700 !important; }


/* === GAME VIEW LOGOS === */
.game .away-team p.team-name:after,
.game .home-team p.team-name:before {
	content: "";
	width: 40px;
	height: 40px;
	background: var(--logo) no-repeat center center;
	background-size: contain;
	display: inline-block;
}

.game .away-team p:after { margin-left: 15px; }
.game .home-team p:before { margin-right: 15px; }

.score-tip input {
	width: 30%;
	text-align: center;
}

@media (max-width: 576px) {
	.game {
		display: block;
	}

	.game .score-tip {
		margin: 1rem 1rem;
	}

	.away-team {
		width: 45%;
		display: block;
		float: left;
	}

	.home-team {
		width: 45%;
		display: block;
		float: right;
	}
	
	.score-tip input {
		width: 40%;
}
}

/* === LAST 5 GAMES – OPPONENT LOGOS === */
.last5-item span.opp-logo {
	content: "";
	width: 25px;
	height: 25px;
	background: var(--logo) no-repeat center center;
	background-size: contain;
	display: inline-block;
}

.last5-item {
	text-align: center;
}

.team-last5 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-weight: bolder;
}

.home-team .team-last5 {
	float: left;
}

.away-team .team-last5 {
	float: right;
}

.game .home-team p.team-name, .game .home-team .team-record, .game .home-team h6 {
	width: 100%;
	justify-content: left;
	display: flex;
}

.game .home-team h6, .game .away-team h6 {
	color: #000;
}

.game .away-team p.team-name, .game .away-team .team-record, .game .away-team h6 {
	width: 100%;
	justify-content: right;
	display: flex;
}

.team-name {
	margin-bottom: 0;
}

.team-record {
	font-weight: bolder;
	display: flex;
	margin-bottom: 15px;
}

.team-last5 .last5-item.l {
	color: #bf1d11;
}

.team-last5 .last5-item.w {
	color: #2dad13;
}

.team-last5 .last5-item.t {
	color: #000000;
}

.teamname {
	font-family: "Permanent Marker", cursive;
}

.kickoff-time {
	font-weight: bolder;
}

form.week-dropdown {
	margin-bottom: 2rem;
}

.btn-primary {
	color: #fff;
	background-color: #254998;
	border-color: #254998;
	transition: 0.3s;
}

.btn-primary:hover {
	color: #fff;
	background-color: #76b2dd;
	border-color: #76b2dd;
	transition: 0.3s;
}

.text-primary {
	color: #254998;
}

.high-blue {
	color: #254998 !important;
}

.border-left-primary {
    border-left: .5rem solid #254998 !important;
}

.table-hover tbody tr:hover {
    color: #000;
}

.table {
	color: #000;
}

.ranking tr:nth-child(2) td:first-child {
	color: rgba(212,175,55);
	font-weight: bolder;
}

.ranking tr:nth-child(3) td:first-child {
	color: rgba(166, 161, 161, 1);
	font-weight: bolder;
}

.ranking tr:nth-child(4) td:first-child {
	color: rgba(194, 160, 105, 1);
	font-weight: bolder;
}

.row.schedule_enter_tipps form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.weekly-top .fa-check {
	color: #d4af37 !important;
}
.weekly-top .fa-poo {
	color: #99230b !important;
}
.weekly-top .fa-won-sign {
	color: #22990b !important;
}

.overview-table {
	text-align: center;
}