body {

font-family: 'Saira Condensed', Helvetica, Arial, sans-serif !important;

		font-size: 20px;
		
background-image: url(../img/background_page/back_7.jpg);
background-size: cover !important;background-attachment: fixed !important;background-repeat: no-repeat !important;background-position: center 80px !important;}

	@supports (-webkit-touch-callout: none) {
					html::before {
				content: ' ';
				display: block;
				background-image: url(../img/background_page/back_7.jpg);
				background-position: center;
				background-size: cover;
				height: 100vh; width: 100vw;
				top: 50px; bottom: 0; left: 0; right: 0;
				position: fixed;
				z-index: -10;
			}
			}
	
#bodyContent {
			/*-webkit-box-shadow: 0px 0px 15px #333333;
		-moz-box-shadow: 0px 0px 15px #333333;
		box-shadow: 0px 0px 15px #333333;*/
	}

h1, h2, h3, h4, h5, h6 {
	}

.popover {
	font-family: 'Saira Condensed', Helvetica, Arial, sans-serif !important;
}

	#inhalt a, #inhalt2 a {
		color: #ffcc00;
	}
	.nav-link {
		color: #ffcc00;
	}
	
a.tsButton {
	color: #ffffff !important;
}

.spielSpiel1 a, .spielSpiel2 a {
	color: #000000 !important;
}

.bg-danger {
background-color: #cc0000;
	color: #ffffff;
}

.accordion-button {
	}

.accordion-button:not(.collapsed) {
	color: #ffcc00 !important;
}

#open_preferences_center {
	}

.freeprivacypolicy-com---palette-light .cc-nb-okagree:focus,
.freeprivacypolicy-com---palette-light .cc-nb-reject:focus,
.freeprivacypolicy-com---palette-light .cc-nb-changep:focus,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save:focus {
	box-shadow: 0 0 0 2px #cccccc !important;
}

.freeprivacypolicy-com---pc-dialog {
	border: 1rem solid #ffffff;
	border-radius: var(--ts-border-radius) !important;
}

.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {
	border-radius: var(--ts-border-radius) !important;
	max-width: 1000px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.freeprivacypolicy-com---palette-light .cc-nb-text a:focus {
	box-shadow: none !important;
}

.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-nb-reject,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save {
	border-radius: var(--ts-border-radius-sm) !important;
	color: #ffffff !important;
background-color: #bf0000 !important;
}

.freeprivacypolicy-com---palette-light .cc-nb-changep {
	border-radius: var(--ts-border-radius-sm) !important;
}

.freeprivacypolicy-com---palette-light .cc-cp-body-tabs,
.freeprivacypolicy-com---pc-dialog .cc-cp-body-tabs-item,
.freeprivacypolicy-com---palette-light .cc-cp-body-content {
	background-color: #ffffff !important;
	color: #000000 !important;
}

.freeprivacypolicy-com---palette-light .cc-cp-body-tabs-item-link {
	color: #000000 !important;
}

.freeprivacypolicy-com---palette-light .cc-pc-head-close:active, .freeprivacypolicy-com---palette-light .cc-pc-head-close:focus {
	border-color: #bf0000 !important;
	border-size: 1px !important;
	border-radius: var(--ts-border-radius-xs);
}

.freeprivacypolicy-com---palette-light .cc-cp-foot {
	background-color: #ffffff !important;
}

.freeprivacypolicy-com---palette-light .cc-cp-foot-byline,
.freeprivacypolicy-com---pc-dialog .cc-cp-foot-byline a {
	color: #cccccc !important;
}

.freeprivacypolicy-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before {
	background-color: #bf0000 !important;
}

.freeprivacypolicy-com---palette-light .cc-cp-body-tabs-item[active=true] button {
	color: #bf0000 !important;
border-top: 0.5px solid #bf0000 !important;
border-bottom: 0.5px solid #bf0000 !important;
	background-color: #ffffff !important;
	border-radius: 0 !important;
}

	.btn-primary, .btn-success, .btn-secondary {
		background-color: #000000 !important;
border-color: #000000 !important;
		color: #ffffff !important;
	}

	.btn-primary:hover, .btn-primary:active, .btn-success:hover, .btn-success:active .btn-secondary:hover, .btn-secondary:active {
		background-color: #ffffff !important;
border-color: #ffffff !important;
		color: #000000 !important;
	}
		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		background-color: #000000 !important;
		color: #ffffff !important;
	}
		.nav-tabs .nav-link {
		color: #ffcc00;
	}
	

/* *** NAVIGATION *** */

.navbar {
	}

.navbar-dark, .navbar-dark .navbar-collapse {
	}

.navbar-dark .navbar-nav .nav-link {
	}

.navbar-dark .navbar-nav .nav-link.active {
	color: #ffcc00 !important;
	}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover, .navbar-dark .navbar-nav .nav-link.active.open>a {
	color: #ffcc00 !important;
	}

.navbar-dark .nav-item>a:hover, .navbar-dark .nav-item>a:focus, .navbar-nav>:hover {
color: #ffcc00 !important;
}

.navbar-dark .nav-item.dropdown.open, .navbar-dark .nav-item.dropdown.open>a {
color: #ffcc00 !important;
}

.navbar-dark .nav-item.dropdown.open .dropdown-menu>.active>a,
.navbar-dark .nav-item.dropdown.open .dropdown-menu>.active>a:focus,
.navbar-dark .nav-item.dropdown.open .dropdown-menu>.active>a:hover {
}

.navbar-dark .nav-item.dropdown.open .dropdown-menu>li>a:hover {
color: #ffcc00 !important;
}

/* *** ENDE NAVIGATION *** */


/* *** TEASER *** */

.teaserContent a {
color: #ffcc00 !important;
}

.teaserTwitter a {
color: #ffcc00 !important;
}

/* *** ENDE TEASER *** */


/* *** TEMPLATE *** */

.prozBalken {
background-color: #000000 !important;
color: #ffffff !important;
}


#tableBack {
}

/* *** ENDE TEMPLATE *** */

/* *** Startseite *** */
	.homeBlock, #infobereich, .bodyInhalt, #footerContent, #footer, .logoMannschaftTippspiel, .imgAvatar, #infobereich .ibAvatar {
		box-shadow: none !important;
	}
		.homeBlock h3.homeBlockHeader {
		color: #ffffff;background-color: #000000;	}
	.homeBlock h3.homeBlockHeaderLink:hover {
		color: #000000;background-color: #ffffff;	}

	.homeBlock a.homeBlockArrow {
		color: #ffffff !important;	}

	.homeBlock h3.homeBlockHeaderLink a.homeBlockArrow:hover {
		color: #000000 !important;	}

			#infobereich {
			background-color: #000000;		}

		#infobereich .ibBenutzerName,
		#infobereich .ibBenutzerNameButton,
		#infobereich .ibRang,
		#infobereich .ibGruppeName,
		#infobereich .ibRang,
		#infobereich .ibSpiel > a,
		#infobereich .countdown_content {
			color: #ffffff;		}
		

/* *** FOOTER *** */

#footer #footerKunde {
}

#footer a, #footer #footerKunde a {
}

#footer #footerContent {
}

#footer #footerContent a {
}

#footer #footerContent a:hover, #footer #footerContent a:active {
}

/* *** ENDE FOOTER *** */



/* *** TIPPSPIEL *** */


#loginBoxHeader {
background-color: #000000 !important;
color: #ffffff !important;
}

.homeSpielHeader {
background-color: #000000 !important;
color: #ffffff !important;
}

.spielHeader {
background-color: #000000 !important;
color: #ffffff !important;
}

.boxHeader {
	background-color: #000000 !important;
	color: #ffffff !important;
}

.tdSpielPaarung2 {
color: #ffcc00;
}

#inhalt .tdSpiel a:hover {
color: #ffcc00;
}

.tdSpielButStatistik {
color: #ffcc00;
}

#statistik a.closeStatistik {
color: #ffcc00;
}

.h1SpielHeader {
}

.selectSelected {
background-color: #ffcc00!important;
color: #ffffff !important;
}

a.ranglisteTabbutton {
color: #ffffff !important;
}

	.spielIconStatistik {
		color: #ffcc00;
	}
	


a.ranglisteTabbuttonAktiv, a.ranglisteTabbutton:hover, a.ranglisteTabbuttonAktiv:hover {
color: #ffcc00 !important;
}

.ranglisteHover {
color: #ffcc00;
}

.table-striped>tbody>tr.rowSpielRanglisteTrenner {
border-color: #000000;
}

/* Social Media */


/* Mitteilungszentrale */
#notecenter a.btn-secondary {
background-color: #ffcc00;
border-color: #ffcc00;
}

#notecenter .notecenter_chat_text_small_gast {
color: #ffcc00;
}

/* Shoutbox */

img.tfOKButton:hover {
	background-color: #ffcc00;
}
	.shoutboxIcon {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 227.8 188.5'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23ffcc00;%7D%3C/style%3E%3C/defs%3E%3Cg id='Ebene_1-2'%3E%3Cg id='Ebene_6'%3E%3Cg%3E%3Cpath class='cls-2' d='M215.8,19.2L11.7,11.3l9.1,125.8,55.1-2.7,3.1,33.4,43.4-33.4,82-2.5,11.4-112.7ZM90.4,92.4h-18v-17.6h18v17.6Zm31,0h-18v-17.6h18v17.6Zm30.9,0h-18v-17.6h18v17.6Z'/%3E%3Cpath class='cls-1' d='M0,0L10.8,148.5l55.4-2.7,3.9,42.7,56.2-43.3,88-2.7L227.8,8.8,0,0ZM79.1,167.8l-3.1-33.4-55.1,2.7L11.8,11.3l204.1,7.9-11.4,112.6-82,2.5-43.4,33.5Z'/%3E%3Crect class='cls-1' x='72.4' y='74.8' width='18' height='17.6'/%3E%3Crect class='cls-1' x='103.3' y='74.8' width='18' height='17.6'/%3E%3Crect class='cls-1' x='134.3' y='74.8' width='18' height='17.6'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	}
	



/* Media Queries */

/* Media Queries XS */
@media (max-width: 1199.97px) {
			body {
		background-position: center 50px !important;		}
		#navbarKickContent .dropdown-menu {
			}

	#navbarKickContent .dropdown-item.active, #navbarKickContent .dropdown-item:active,
	#navbarKickContent .dropdown-item:focus,  #navbarKickContent .dropdown-item:hover {
		color: #ffcc00 !important;
	}

	#navbarKickContent .dropdown-item {
			}
	?>
}


		body {
		max-width: 100%;
	}

	@media (min-width: 992px) {
		body {
			max-width: 992px;
			margin: 0 auto;
		}
	}

			#contentAloneBox {
			margin-top: 6rem !important;
		}
		
	#footer #footerKunde {
		background-color: #000000;
		color: #ffffff;
		padding: 1rem !important;
	}

	div.message {
		margin-top: 6rem;
		margin-bottom: -4.5rem;
	}

		#logo {
		z-index: 1000;
		width: 200px;
		height: 150px;
		position: fixed;
		left: calc(50% - 100px);
		top: 15px;
		text-align: center;
	}

	
	.logo-sm {
		max-width: 200px;
		max-height: 150px;
	}

	#naviTSSMContainer {
		width: 100%
	}
	
	.navbar-toggler-icon:hover {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2399cc00' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}

			.navbar-toggler-icon {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
		}

		.navbar-toggler-icon:hover {
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
			opacity: 0.8 !important;
		}

		.ts-sm-navbar-link, .ts-sm-navbar-link:hover {
			color: #ffffff;
		}
		.ts-sm-navbar-link:hover {
			opacity: 0.8 !important;
		}
		
	@media (min-width: 992px) {
		#naviTSSMContainer {
			max-width: 920px;
			margin: 0 auto;
		}
	}

	.ts-sm-nav-link {
		color: #ffffff;
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.active:focus,
	.navbar-dark .navbar-nav .nav-link.active:hover,
	.navbar-dark .navbar-nav .nav-link.active.open>a,
	.navbar-dark .nav-item>a:hover,
	.navbar-dark .nav-item>a:focus,
	.navbar-nav>:hover {
		color: #99cc00;
	}

	a.nav-link.ts-sm-nav-link.dropdown-toggle::after {
		display: none;
	}

	.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
		background-color: rgba(0,0,0,0.75);
		z-index: 3000;
	}
	
	.offcanvas.offcanvas-start {
		width: 80%;
		max-width: 400px;
	}

	.offcanvas-header {
		justify-content: end;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.offcanvas-body {
		padding-top: 0;
	}

	.navbar-toggler {
		border: none;
	}

	.navOffcanvasClose {
		color: #ffffff;
		background: none;
		border: none;
	}

	#offcanvasNavbar a.ts-sm-nav-link {
		font-size: 2rem;
		line-height: 2.1rem;
		font-weight: 700;
		text-transform: uppercase;
	}

	#offcanvasNavbar a.ts-sm-nav-link-footer {
		font-size: 1.1rem;
		line-height: 1.15rem;
		font-weight: 300;
		text-transform: uppercase;
		padding-top: 0.2rem !important;
		padding-bottom: 0.2rem !important;
	}

	.navbar-dark .nav-item>a:hover,
	.navbar-dark .nav-item>a:focus,
	.navbar-nav>:hover,
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.active:focus,
	.navbar-dark .navbar-nav .nav-link.active:hover,
	.navbar-dark .navbar-nav .nav-link.active.open>a {
		background-color: transparent !important;
	}

	@media (max-width: 1199.97px) {
		body {
			padding-top: 80px;
		}

		/* Navigation */
		#naviTop.navbar {
			height: 80px;
		}
	}

		#infobereich {
		margin-top: 6rem;
	}

	#infobereich .ibBenutzerName:hover,
	#infobereich .ibBenutzerNameButton:hover,
	#infobereich .ibRang:hover,
	#infobereich .ibGruppeName:hover,
	#infobereich .ibRang:hover,
	#infobereich .ibSpiel > a:hover,
	#infobereich .countdown_content:hover {
		color: #99cc00;
	}

	.homeBlock h3.homeBlockHeaderLink:hover {
		background-color: #000000 !important;
	}

	.homeBlock h3.homeBlockHeaderLink:hover,
	.homeBlock h3.homeBlockHeaderLink a.homeBlockArrow:hover,
	.homeBlock h3.homeBlockHeaderLink a.homeBlockArrow:hover i {
		color: #99cc00 !important;
	}

		a.ranglisteTabbuttonAktiv,
	a.ranglisteTabbutton:hover,
	a.ranglisteTabbuttonAktiv:hover {
		color: #ffffff !important;
	}

				.navbar-toggler-icon {
				background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
			}
					
		.navbar-dark,
		.navbar-dark .navbar-collapse {
			background-color: #000000;		}

		#naviTop.navbar {
			border-color: #ffffff;
					}

		#infobereich {
			background-color: #000000;		}

		#infobereich .ibBenutzerName,
		#infobereich .ibBenutzerNameButton,
		#infobereich .ibRang,
		#infobereich .ibGruppeName,
		#infobereich .ibRang,
		#infobereich .ibSpiel > a,
		#infobereich .countdown_content {
			color: #ffffff;		}

					#infobereich .ibBenutzerName:hover,
			#infobereich .ibBenutzerNameButton:hover,
			#infobereich .ibRang:hover,
			#infobereich .ibGruppeName:hover,
			#infobereich .ibRang:hover,
			#infobereich .ibSpiel > a:hover,
			#infobereich .countdown_content:hover {
				color: #ffffff;
				opacity: 0.8 !important;
			}
			
		.homeBlock h3.homeBlockHeader,
		#footer #footerKunde {
			color: #ffffff;background-color: #000000;		}

		.homeBlock h3.homeBlockHeaderLink:hover {
			color: #ffffff!important;background-color: #000000!important;		}
		
		.homeBlock h3.homeBlockHeaderLink:hover,
		.homeBlock h3.homeBlockHeaderLink a.homeBlockArrow:hover,
		.homeBlock h3.homeBlockHeaderLink a.homeBlockArrow:hover i {
			color: #ffffff!important;opacity: 0.8 !important;		}

		
		.freeprivacypolicy-com---palette-light .cc-nb-okagree,
		.freeprivacypolicy-com---palette-light .cc-nb-reject,
		.freeprivacypolicy-com---palette-light .cc-cp-foot-save {
			border-radius: var(--ts-border-radius-sm) !important;
			color: #ffffff !important;
background-color: #000000 !important;
		}

		.freeprivacypolicy-com---palette-light .cc-pc-head-close:active, .freeprivacypolicy-com---palette-light .cc-pc-head-close:focus {
			border-color: #000000 !important;
			border-size: 1px !important;
			border-radius: var(--ts-border-radius-xs);
		}

		.freeprivacypolicy-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before {
			background-color: #000000 !important;
		}

		.freeprivacypolicy-com---palette-light .cc-cp-body-tabs-item[active=true] button {
			color: #000000 !important;
border-top: 0.5px solid #000000 !important;
border-bottom: 0.5px solid #000000 !important;
			background-color: #ffffff !important;
			border-radius: 0 !important;
		}

		#open_preferences_center {
			background-color: #000000;		}