/* Google Fonts */
/* saira-condensed-regular - latin */
@font-face {
	font-family: 'Saira Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-regular.svg#SairaCondensed') format('svg'); /* Legacy iOS */
}
/* saira-condensed-700 - latin */
@font-face {
	font-family: 'Saira Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-700.svg#SairaCondensed') format('svg'); /* Legacy iOS */
}
/* saira-condensed-900 - latin */
@font-face {
	font-family: 'Saira Condensed';
	font-style: normal;
	font-weight: 900;
	src: url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-900.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-900.woff') format('woff'), /* Modern Browsers */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/zcms/tpl/kick//fonts/saira-condensed/saira-condensed-v10-latin-900.svg#SairaCondensed') format('svg'); /* Legacy iOS */
 }

/* Bootstrap 5 inkl. Migration */
.img-responsive {
	max-width: 100%;
	height: auto;
}

.btn-primary, .btn-success {
	background-color: var(--tab-background-color);
	border-color: var(--tab-background-color);
	color: #ffffff !important;
}

.btn-primary:hover, .btn-primary:active, .btn-success:hover, .btn-success:active {
	background-color: #000;
	border-color: var(--tab-background-color);
	color: #ffffff !important;
}

.btn-secondary {
	color: #ffffff;
}

.nav-link {
	color: var(--a-color);
}

.card-header {
	background-color: transparent;
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
	width: 15px;
	opacity: 0.2;
	color: #000000;
}

.carousel-indicators .active {
	opacity: 0.75 !important;
}

/* Negative Margin */
.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.5rem!important}.m-n5{margin:-3rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n5{margin-right:-3rem!important;margin-left:-3rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.5rem!important}.mt-n5{margin-top:-3rem!important}.me-n1{margin-right:-.25rem!important}.me-n2{margin-right:-.5rem!important}.me-n3{margin-right:-1rem!important}.me-n4{margin-right:-1.5rem!important}.me-n5{margin-right:-3rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.5rem!important}.mb-n5{margin-bottom:-3rem!important}.ms-n1{margin-left:-.25rem!important}.ms-n2{margin-left:-.5rem!important}.ms-n3{margin-left:-1rem!important}.ms-n4{margin-left:-1.5rem!important}.ms-n5{margin-left:-3rem!important}@media (min-width:576px){.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n5{margin-right:-3rem!important;margin-left:-3rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.5rem!important}.mt-sm-n5{margin-top:-3rem!important}.mb-sm-n1,.me-sm-n1{margin-right:-.25rem!important}.mb-sm-n2,.me-sm-n2{margin-right:-.5rem!important}.mb-sm-n3,.me-sm-n3{margin-right:-1rem!important}.mb-sm-n4,.me-sm-n4{margin-right:- 1.5rem!important}.mb-sm-n5,.me-sm-n5{margin-right:-3rem!important}.ms-sm-n1{margin-left:-.25rem!important}.ms-sm-n2{margin-left:-.5rem!important}.ms-sm-n3{margin-left:-1rem!important}.ms-sm-n4{margin-left:-1.5rem!important}.ms-sm-n5{margin-left:-3rem!important}}@media (min-width:768px){.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n5{margin-right:-3rem!important;margin-left:-3rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.5rem!important}.mt-md-n5{margin-top:-3rem!important}.me-md-n1{margin-right:-.25rem!important}.me-md-n2{margin-right:-.5rem!important}.me-md-n3{margin-right:-1rem!important}.me-md-n4{margin-right:-1.5rem!important}.me-md-n5{margin-right:-3rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.5rem!important}.mb-md-n5{margin-bottom:-3rem!important}.ms-md-n1{margin-left:-.25rem!important}.ms-md-n2{margin-left:-.5rem!important}.ms-md-n3{margin-left:-1rem!important}.ms-md-n4{margin-left:-1.5rem!important}.ms-md-n5{margin-left:-3rem!important}}@media (min-width:992px){.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n5{margin-right:-3rem!important;margin-left:-3rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.5rem!important}.mt-lg-n5{margin-top:-3rem!important}.me-lg-n1{margin-right:-.25rem!important}.me-lg-n2{margin-right:-.5rem!important}.me-lg-n3{margin-right:-1rem!important}.me-lg-n4{margin-right:-1.5rem!important}.me-lg-n5{margin-right:-3rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.5rem!important}.mb-lg-n5{margin-bottom:-3rem!important}.ms-lg-n1{margin-left:-.25rem!important}.ms-lg-n2{margin-left:-.5rem!important}.ms-lg-n3{margin-left:-1rem!important}.ms-lg-n4{margin-left:-1.5rem!important}.ms-lg-n5{margin-left:-3rem!important}}@media (min-width:1200px){.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n5{margin-right:-3rem!important;margin-left:-3rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.5rem!important}.mt-xl-n5{margin-top:-3rem!important}.me-xl-n1{margin-right:-.25rem!important}.me-xl-n2{margin-right:-.5rem!important}.me-xl-n3{margin-right:-1rem!important}.me-xl-n4{margin-right:-1.5rem!important}.me-xl-n5{margin-right:-3rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.5rem!important}.mb-xl-n5{margin-bottom:-3rem!important}.ms-xl-n1{margin-left:-.25rem!important}.ms-xl-n2{margin-left:-.5rem!important}.ms-xl-n3{margin-left:-1rem!important}.ms-xl-n4{margin-left:-1.5rem!important}.ms-xl-n5{margin-left:-3rem!important}}@media (min-width:1400px){.m-xxl-n1{margin:-.25rem!important}.m-xxl-n2{margin:-.5rem!important}.m-xxl-n3{margin:-1rem!important}.m-xxl-n4{margin:-1.5rem!important}.m-xxl-n5{margin:-3rem!important}.mx-xxl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xxl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xxl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xxl-n4{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xxl-n5{margin-right:-3rem!important;margin-left:-3rem!important}.my-xxl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xxl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xxl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xxl-n4{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xxl-n5{margin-top:-3rem!important;margin-bottom:-3rem!important}.mt-xxl-n1{margin-top:-.25rem!important}.mt-xxl-n2{margin-top:-.5rem!important}.mt-xxl-n3{margin-top:-1rem!important}.mt-xxl-n4{margin-top:-1.5rem!important}.mt-xxl-n5{margin-top:-3rem!important}.me-xxl-n1{margin-right:-.25rem!important}.me-xxl-n2{margin-right:-.5rem!important}.me-xxl-n3{margin-right:-1rem!important}.me-xxl-n4{margin-right:-1.5rem!important}.me-xxl-n5{margin-right:-3rem!important}.mb-xxl-n1{margin-bottom:-.25rem!important}.mb-xxl-n2{margin-bottom:-.5rem!important}.mb-xxl-n3{margin-bottom:-1rem!important}.mb-xxl-n4{margin-bottom:-1.5rem!important}.mb-xxl-n5{margin-bottom:-3rem!important}.ms-xxl-n1{margin-left:-.25rem!important}.ms-xxl-n2{margin-left:-.5rem!important}.ms-xxl-n3{margin-left:-1rem!important}.ms-xxl-n4{margin-left:-1.5rem!important}.ms-xxl-n5{margin-left:-3rem!important}}

/* Accordion */
.accordion-button {
	background-color: #000000;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
}

.accordion-button:not(.collapsed) {
	background-color: var(--tab-background-color);
	color: #ffffff;
}

/* Allgemein */

body {
	background-color: var(--page-background-color);
	font-family: 'Saira Condensed', Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.25;
	padding: 80px 0px 0px 0px;
	color: var(--page-text-color);
}

.bodyInhalt {
	background-color: #ffffff;
	border-radius: var(--ts-border-radius);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

a {
	color: var(--a-color);
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0;
	padding: 0;
}

p.beschreibung {
	color: #666666;
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--h1-text-color);
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h1 {
	font-size: 40px;
	font-weight: 600;
	text-transform: uppercase;
}

h2 {
	font-size: 26px;
	font-weight: 300;
}

h3 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

h4 {
	font-size: 20px;
	font-weight: 300;
}

h5 {
	font-size: 18px;
	font-weight: 300;
}

h6 {
	font-size: 16px;
	font-weight: 300;
}

label {
	font-weight: normal;
}

.posRelative {
	position: relative;
}

.img-circle {
	border-radius: 50%;
	border: 1px solid #dddddd;
}

div.message {
	border-radius: var(--ts-border-radius-sm);
	padding: 15px 15px;
	margin: 0px;
	z-index: 9999;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #efefef;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    margin: 0;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

/* Avatar */
.imgAvatar {
	border-radius: var(--ts-border-radius-sm);
	box-shadow: 0 0.25rem 0.5rem rgba(100,100,100, 0.15);
}


/* Tabs */

.nav-tabs {
	border-bottom: none;
}

.nav-tabs .nav-link {
	text-transform: uppercase;
	font-size: 1.25rem;
	border: none;
	border-top-left-radius: var(--ts-border-radius-sm);
	border-top-right-radius: var(--ts-border-radius-sm);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font-weight: normal;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	text-transform: uppercase;
	font-size: 1.25rem;
	background-color: var(--tab-background-color);
    color: var(--tab-text-color);
	border: none;
	border-top-left-radius: var(--ts-border-radius-sm);
	border-top-right-radius: var(--ts-border-radius-sm);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border: none;
}

.nav-tabs .nav-link:hover {
	color: #000000;
}

/* Statistik */

#tabStatistikContent {
	padding: 30px 15px;
	background-color: #eee;
}

/* BBCode Bilder */

img.bbcLinks, img.bbclinks {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
}
	
img.bbcRechts, img.bbcrechts {
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
	
img.bbcAllein, img.bbcallein {
	display: block;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
	
img.bbcDaneben, img.bbcdaneben {
	display: inline;
	margin-right: 15px;
	margin-left: 0px;
}

table.bbcLinks, table.bbclinks {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 0px;
}

table.bbcRechts, table.bbcrechts {
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}

table.bbcAllein, table.bbcallein {
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

table.bbcDaneben, table.bbcdaneben {
	display: inline;
	margin-right: 15px;
	margin-left: 0px;
}

td.bildtext {
	color: #000;
	font-style: normal;
	padding-bottom: 5px;
	font-size: 0.9em;
	line-height: 1.2em;
}

/* Footer */
.footerLoginstatus {
	color: #999999;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 0.9em;
}

#footer #footerKunde {
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	line-height: 1.5em;
	font-size: 1em;
}

#footer a, #footer #footerKunde a {
	color: #000000;
	font-weight: normal;
}

#footer a {
	color: #666666;
}

#footer #footerKunde a:hover {
	opacity: 0.8;
}

#footer #footerContent {
	background-color: var(--footer-background-color);
	color: var(--footer-text-color);
	text-align: center;
	font-size: 1.1em;
	line-height: 1.7em;
	border-radius: var(--ts-border-radius);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

#footer a.footerFest {
	color: var(--footer-text-color);
	font-weight: normal;
	margin-left: 8px;
	margin-right: 8px;
	text-transform: uppercase;
}

#footer a.footerFest:hover {
	color: #999999;
}

#footer #smediaContent {
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}

#footer #smediaContent a:hover {
	opacity: 0.8;
}

.addthis_toolbox {
    margin-left: 0px;
	white-space: nowrap;
}

/* Formular */

.formularTextPflicht {
	font-weight: 700;
	margin-bottom: 2px;
}

.formularText {
	font-weight: normal;
	margin-bottom: 2px;
}

/* Header */
#idHeader a img {
	border-bottom-left-radius: var(--ts-border-radius);
	border-bottom-right-radius: var(--ts-border-radius);
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 768px) {
	.headerOnlyDesktop {
		display: block;
	}
	.headerOnlyMobile {
		display: none;
	}
}
@media screen and (max-width: 767.98px) {
	.headerOnlyDesktop {
		display: none;
	}
	.headerOnlyMobile {
		display: block;
	}
}


/* Navigation */

.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='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#naviTop.navbar {
	height: 80px;
	border-bottom: 1px solid var(--nav-background-color);
}

.navbar .navIcon {
	font-size: 1.3rem;
}

.navbar-dark, .navbar-dark .navbar-collapse {
	background-color: var(--nav-background-color);
}


.navbar-dark .navbar-nav .nav-link {
	color: var(--nav-text-color);
	font-size: 1.3rem;
	font-weight: 300;
	text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .nav-item>a:hover, .navbar-dark .nav-item>a:focus, .navbar-nav>:hover {
	background-color: var(--nav-background-active-color);
	border-radius: 0px;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.navbar .navIconHome {
	margin: auto 0;
	width: 32px;
	height: 100%;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 425.2 425.2' style='enable-background:new 0 0 425.2 425.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M214.7,372.6c-10.2-0.2-21.3-1.6-33.7-4.3c-11.4,9.9-25.1,14.4-36.3,16.4c21.5,9.6,45.2,15.2,70,16 c24.8-0.8,48.5-6.5,70-16c-11.2-2-24.9-6.6-36.3-16.4C236,371,224.9,372.4,214.7,372.6z M277.5,45.7c-0.4,0-37.9,3.4-59.8,16.4 c0,0,0.2,58.9,0.9,59.5l59.2,45.6c0.6,0.4,1.1,1,1.5,1.6l62.6-14.3c10.8-19.9-0.6-57.2-1.8-61c-13.6-17.9-47.3-42.8-46.8-43.8 c0.5-1,43.1,29.7,50,41.1c3.9,1.3,10.6,5.6,20.1,12.8c0,0,0-0.1-0.1-0.1l-0.5-0.8c-0.6-0.8-1.2-1.6-1.8-2.5l-0.4-0.5 c-0.1-0.2-0.3-0.4-0.4-0.6c-0.6-0.8-1.2-1.6-1.8-2.4l-0.3-0.4c-0.2-0.2-0.3-0.5-0.5-0.7c-0.6-0.8-1.2-1.6-1.9-2.3l-0.3-0.4 c-0.2-0.2-0.4-0.5-0.6-0.7c-0.6-0.8-1.3-1.5-1.9-2.3l-0.3-0.4c-0.2-0.2-0.4-0.5-0.6-0.7c-0.6-0.7-1.3-1.5-1.9-2.2l-0.3-0.3 c-0.2-0.3-0.4-0.5-0.7-0.8c-0.7-0.7-1.3-1.5-2-2.2l-0.2-0.2c-0.3-0.3-0.5-0.6-0.8-0.8c-0.7-0.7-1.4-1.4-2.1-2.2l-0.1-0.2 c-0.3-0.3-0.6-0.6-0.8-0.9c-0.7-0.7-1.4-1.4-2.1-2.1c-0.3-0.3-0.7-0.6-1-1c-0.7-0.7-1.5-1.4-2.2-2.1c-0.3-0.3-0.6-0.6-1-0.9 c-0.8-0.7-1.5-1.4-2.3-2.1l-0.9-0.8c-0.8-0.7-1.6-1.4-2.4-2.1l-0.8-0.7c-0.9-0.7-1.7-1.4-2.6-2.1l-0.8-0.6c-0.9-0.7-1.8-1.4-2.7-2.1 l-0.7-0.6c-0.9-0.7-1.9-1.4-2.8-2.1l-0.6-0.4c-1-0.7-2-1.5-3-2.2l-0.4-0.3c-1.1-0.7-2.1-1.5-3.2-2.2l-0.2-0.1 c-12.8-8.5-26.5-15.4-40.8-20.5c3.4,3.2,5.8,6.2,7.1,9c0.3,0.6,0.2,1.3-0.1,1.8C278.7,45.2,278.1,45.6,277.5,45.7z M343.1,158.6 c-3.1,1.4-11,3.9-31.9,9.6c-13.7,3.8-27.5,7.4-31.3,8.4l-24.5,69.5c-0.2,0.6,1.9,5.6,4.8,9.8c3.4,4.9,8,11.7,13.7,20.3 c8.4,12.6,16.8,25.4,19,28.7c0.7,0,1.3,0.1,2.1,0.1c18.5,0,50.1-13.5,53.7-15c13.3-13,27.5-54.5,27.6-74.5 C375,211.5,362.5,172.8,343.1,158.6z M248.2,251.3l-0.2,0l-33.3-0.9l-33.3,0.9l-0.2,0c-1,0-39.2,58.4-39.2,58.4 c7.2,19,27.5,42,36.2,51.3c6.2,3.7,19.3,5.9,35.2,5.9c0.4,0,0.8,0,1.2,0c0.4,0,0.8,0,1.2,0c15.9,0,29-2.2,35.2-5.9 c8.7-9.3,29-32.3,36.2-51.3C287.4,309.7,249.2,251.3,248.2,251.3z M397.4,211.9c0-1.5,0-3-0.1-4.5c0-1-0.1-2.1-0.1-3.1l0-1.2 c0-0.7-0.1-1.3-0.1-2c-4.7,7-10.2,12.2-16.6,15.5c1.1,18.2-11.7,60.1-28.4,77.2c4.9,12.6,3.2,28,0,40.9 C380.3,301.6,397.4,258.7,397.4,211.9z M136.2,49.7c0.5,1-33.3,25.8-46.8,43.8c-1.2,3.8-12.5,41.1-1.8,61l62.6,14.3 c0.4-0.6,0.9-1.2,1.5-1.6l59.2-45.6c0.7-0.5,0.9-59.5,0.9-59.5c-21.9-13-59.4-16.4-59.8-16.4c-0.6-0.1-1.2-0.4-1.6-1 c-0.3-0.6-0.4-1.2-0.1-1.8c1.3-2.8,3.6-5.9,7.1-9c-14.4,5.1-28.1,12-40.8,20.5l-0.2,0.1c-1.1,0.7-2.2,1.5-3.2,2.2l-0.4,0.3 c-1,0.7-2,1.4-3,2.2l-0.6,0.4c-1,0.7-1.9,1.4-2.8,2.1l-0.7,0.6c-0.9,0.7-1.8,1.4-2.7,2.1L102,65c-0.9,0.7-1.7,1.4-2.6,2.1l-0.8,0.7 c-0.8,0.7-1.6,1.4-2.4,2.1l-0.9,0.8c-0.8,0.7-1.6,1.4-2.3,2.1c-0.3,0.3-0.6,0.6-1,0.9c-0.7,0.7-1.5,1.4-2.2,2.1 c-0.3,0.3-0.7,0.6-1,1c-0.7,0.7-1.4,1.4-2.1,2.1c-0.3,0.3-0.6,0.6-0.8,0.9L85.6,80c-0.7,0.7-1.4,1.4-2.1,2.2 c-0.3,0.3-0.5,0.6-0.8,0.8l-0.2,0.2c-0.7,0.7-1.3,1.5-2,2.2c-0.2,0.2-0.4,0.5-0.7,0.8l-0.3,0.3c-0.7,0.7-1.3,1.5-1.9,2.2 c-0.2,0.2-0.4,0.5-0.6,0.7l-0.3,0.4c-0.6,0.8-1.3,1.5-1.9,2.3c-0.2,0.2-0.4,0.5-0.6,0.7l-0.3,0.4c-0.6,0.8-1.2,1.5-1.9,2.3 c-0.2,0.2-0.4,0.5-0.5,0.7l-0.3,0.4c-0.6,0.8-1.2,1.6-1.8,2.4c-0.1,0.2-0.3,0.4-0.4,0.6l-0.4,0.5c-0.6,0.8-1.2,1.6-1.8,2.5l-0.5,0.8 c0,0,0,0.1-0.1,0.1c9.4-7.1,16.1-11.4,20.1-12.8C93.1,79.4,135.7,48.7,136.2,49.7z M169.2,256c2.9-4.2,5-9.2,4.8-9.8l-24.5-69.5 c-3.8-1-17.6-4.7-31.3-8.4c-20.8-5.8-28.8-8.2-31.9-9.6c-19.4,14.2-31.9,52.9-33.1,56.9c0.1,20.1,14.3,61.5,27.6,74.5 c3.5,1.5,35.2,15,53.7,15c0.7,0,1.4,0,2.1-0.1c2.2-3.3,10.6-16.1,19-28.7C161.2,267.7,165.8,260.9,169.2,256z M77.4,293.8 c-16.8-17.1-29.5-59-28.4-77.2c-6.4-3.2-12-8.4-16.6-15.5c0,0.7-0.1,1.3-0.1,2l0,1.2c0,1-0.1,2.1-0.1,3.1c0,1.5-0.1,3-0.1,4.5 c0,46.8,17.1,89.7,45.4,122.8C74.3,321.8,72.6,306.4,77.4,293.8z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
}

@media (min-width: 1200px) {
	#navbarKickContent .navbar-nav {
		height: 79px;
		line-height: 63px;
	}

	#navbarKickContent .navbar-nav .dropdown-menu  {
		height: auto;
		line-height: 175%;
		border-radius: 0;
		padding: 0;
		color: #000000;
	}

	#navbarKickContent .navbar-nav .dropdown-menu .dropdown-item.active, .dropdown-item:active {
		background-color: #000000;
		color: #ffffff;
	}

	.navbar-expand-xl .navbar-nav .nav-link {
		font-family: 'Saira Condensed', sans-serif;
		font-size: 1.4rem;
		font-weight: 600;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		border-radius: 0px;
	}
}

/* Media Queries */
@media (max-width: 1199.97px) {
	body {
		padding-top: 60px;
	}

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

	#navbarKickContent.collapsing {
		min-height: 100vh;
	}

	.navbar-dark .navbar-collapse {
		margin: 0 -1rem;
		height: 100vh;
	}
	
	.navbar-dark .nav-item {
		padding: 0px;
		font-size: 1rem;
		height: inherit;
		text-align: center;
	}

	.navbar-dark .navbar-toggler {
		border: none;
	}

	#navbarKickContent .dropdown-menu {
		background-color: #000000;
		border-width: 0;
	}

	#navbarKickContent .dropdown-item.active, #navbarKickContent .dropdown-item:active,
	#navbarKickContent .dropdown-item:focus,  #navbarKickContent .dropdown-item:hover {
		background-color: var(--nav-background-active-color);
		color: #ffffff;
	}

	#navbarKickContent .dropdown-item {
		color: #ffffff;
		font-size: 1.3rem;
		text-transform: uppercase;
	}
}

/* Teaser */

#teaser {
	background-color: #e9e9e9;
}

.teaser {
	display: block;
	clear: both;
	width: 260px;
	padding: 0;
	margin-bottom: 20px;
	line-height: 1.5em;
	font-size: 0.9em;
	border: 1px solid #d5d5d5;
}

.teaserContent {
	background-color: #ffffff;
	padding: 15px;
}

.teaserTwitter, .teaserVIP {
	display: block;
	clear: both;
	width: 230px;
	background-color: #ffffff;
	padding: 15px 14px;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	line-height: 1.5em;
	font-size: 0.9em;
	overflow: hidden;
}

.teaserVIP {
	margin-bottom: 20px;
	padding: 5px 14px 15px 14px;
}

.teaserTwitter {
	border: 1px solid #d5d5d5;
}

.teaserTwitter a, .teaserVIP a {
	color: var(--a-color);
	font-style: normal;
	text-decoration: underline;
	display: block;
	font-weight: normal;
}

.teaserTwitter .twDatum {
	color: #666666;
	font-size: 0.9em;
}

.teaser h1, .teaser h2, .teaser h3 {
	color: #666666;
	font-weight: bold;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: none;
	font-size: 1.1em;
}

.teaser h2, .teaser h3 {
	color: #666666;
	font-weight: bold;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	font-style: normal;
	text-transform: none;
	font-size: 1.1em;
}

.teaser h1.header {
	color: #666666;
	font-weight: bold;
	display: block;
	padding: 3px 0;
	text-transform: none;
	margin: 0;
	font-size: 1.1em;
}
	

/* Template */

#banner1 {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

#banner2 {
	text-align: center;
	margin-top: 1.5rem;
}

#headerTop {
	background-color: #000000;
	color: #ffffff;
	padding: 15px 0;
	height: 20px;
}

#tableBack {
	margin-bottom: 0px;
	background-color: #ffffff;
}

.code {
	color: #000000;
	font-family: Courier, mono;
	background-color: #ccddee;
	padding-right: 2px;
	padding-left: 2px;
	border: 1px solid #cccccc;
}



/* Tippspiel */

.label-as-badge {
	border-radius: 1em;
}

.faIconStyle {
	color: var(--tab-background-color);
	font-size: 1.5rem;
}

.spielIconStatistik {
	color: var(--tab-background-color);
}

#formTippgruppe ul > li a, #formSelectTippspiel ul > li a, #inhalt > form .bootstrap-select ul > li a {
	color: #000000;
}

/* Login */

/* Formular */

.card {
	background-image: none;
	background-color: #efefef;
	border-radius: var(--ts-border-radius-sm);
	border: 1px solid #d5d5d5;
}

.formPflicht {
	font-weight: 700;
}

.loginBoxHeader, #loginBoxHeader {
	background-color: var(--tab-background-color);
	color: var(--tab-text-color);
	border-right-width: 0px;
	text-transform: none;
	font-size: 1.4rem;
	font-weight: normal;
	font-style: normal;
	border-radius: var(--ts-border-radius-sm);
}

.regLabelPWConfirm {
	font-size: 1rem;
	line-height: 2.1rem;
}

.teaserLoginText {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.teaserLoginText:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

input.loginInputError {
	background-color: #f39999;
}

input.loginInputOK {
	background-color: #aaeeaa;
}



/* Registrierung */

.regRowAvatar>div {
	margin-bottom: 15px;
}

/* Spiel */

a.butDrucken {
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 1.1em;
}

.spielHeader {
	background: var(--tab-background-color);
	color: var(--tab-text-color);
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
}

.spielHeaderLeer {
	background: #ffffff;
	color: #000000;
	/* padding: 8px 0px 5px; */
	margin-bottom: 10px;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 1em;
}

.spielHeaderIntern {
	background: #676767;
	color: #fff;
	border-bottom: 5px solid #ffffff;
}

.rowSpiel, .rowSpielVIP {
	background-color: #f9f9f9;
	border-bottom: 10px solid #fff;
}

.rowSpielStats {
	display: block;
}

.rowSpielDatum {
	background-color: transparent;
	border-bottom-width: 0px;
	font-weight: bold;
}

.tdSpiel, .tdSpielSmall, .tdSpielStats {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: 1.25rem;
	line-height: 1em;
}

.spielPaarungLinks, .spielPaarungRechts {
	font-size: 24px;
}

.spielAvatarTipp {
	max-height: 30px;
}

.spielTippBlock {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	font-size: 27px;
	line-height: 27px;
	min-width: 140px;
	clip-path: polygon(0 0, 100% 0, calc(100% - 1.25rem) 100%, 0% 100%);
	padding: 0.5rem 1.75rem 0.5rem 0.75rem;
	background-color: #cccccc;
}

.spielPunkteBlock {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	font-size: 27px;
	line-height: 31px;
	min-width: 70px;
	clip-path: polygon(1.25rem 0, 100% 0, 100% 100%, 0% 100%);
	margin-left: -1.15rem;
	padding: 0.5rem 0.75rem 0.5rem 1.75rem;
}

.spielPunkteBlockWin {
	background-color: #99cc33;
}

.spielPunkteBlockLost {
	background-color: #cccccc;
}

/* @media (min-width: 768px) {
	.tdSpiel, .tdSpielSmall, .tdSpielStats {
		font-size: 1.25rem;
	}
} */

.spielAnstoss {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	color: #999999;
}

.spielEndergebnis {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	font-size: 38px;
	line-height: 38px;
}

.spielEndergebnisTrenner {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	font-size: 26px;
}

.spielEndergebnisConHomepage {
	display: inline-block;
	min-width: 70px;
}

.form-control-erg {
	width: 55px;
	display: inline-block;
}

.spielPaarungLinks, .spielPaarungRechts {
	line-height: 33px;
}


.tdSpielButStatistik {
	color: var(--tab-background-color);
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
}

.tdSpielButStatistik:hover {
	color: #000;
}

.glyphicon-gruen {
	color: #99cc33;
}

.glyphicon-rot {
	color: #dd3300;
}

.colSpielLinks {
	text-align: right;
}

.colSpielRechts {
	text-align: left;
}

.colSpielXS {
	padding-left: 1px;
	padding-right: 1px;
}

.logoMannschaftTippspiel {
	/* -webkit-box-shadow: 1px 1px 1px 0px rgba(187,187,187,0.3);
	-moz-box-shadow: 1px 1px 1px 0px rgba(187,187,187,0.3);
	box-shadow: 1px 1px 1px 0px rgba(187,187,187,0.3); */
	box-shadow: 0 0.25rem 0.5rem rgba(100,100,100, 0.15);
	border-radius: var(--ts-border-radius-xs);
}

.trSpielSpiel1 {
	background-color: #ffffff;
}

.trSpielSpiel2 {
	background-color: #e9e9e9;
}


.trSpielSpiel1:hover, .trSpielSpiel2:hover {
	background-color: #c2c2c2;
}

.spielSpiel1 a, .spielSpiel2 a {
	color: #000000;
	font-weight: normal;
	font-style: normal;
}

.spielAbschicken {
	text-align: right;
	padding-top: 10px;
}

.aktZeit {
	color: #666;
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
	font-size: 0.9em;
}

.boxHeader {
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--tab-text-color);
	text-transform: uppercase;
	margin-top: 1rem;
	background: var(--tab-background-color);
	border-bottom: 2px solid #ffffff;
	padding: 8px 15px 5px;
	border-right-width: 0px;
	clear: both;
	border-radius: var(--ts-border-radius-sm);
}

/* Bonusfragen */

.well-bonus {
	margin-bottom: 2px;
	margin-top: 0;
	padding: 10px 15px;
}

.boxBonusAbschluss {
	border: 1px solid #e1e1e1;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 10px 15px;
	color: #666666;
	font-size: 0.9em;
	background-color: #f9f9f9;
}

.bonusfragenFertig {
	line-height: 1.8em;
	font-size: 1em;
}

.bonusEndpunkte {
	font-size: 1.2em;
	font-weight: bold;
}

.bonus-message {
	display: none;
	padding: 0.5rem;
	margin-top: 0.5rem;
	border-radius: var(--ts-border-radius-sm);
}

.bonus-success {
	display: block;
	background-color: var(--tab-background-color);
	color: #ffffff;
}

.bonus-danger {
	display: block;
	background-color: #cc0000;
	color: #ffffff;
}

.h1SpielHeader {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	color: #999999;
	text-align: center;
}

.legende {
	font-size: 0.9em;
	color: #666666;
	border-top: 1px solid #e5e5e5;
	padding: 20px 40px;
	margin: 20px -30px 0px -30px;
}

.legende h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #666666;
}

/* Sharebuttons */
.sharebuttons { 
	clear: both;
	height: 25px;
	margin: 0px 0px 10px 0px;
}

.sharebuttons .twitter, .sharebuttons .googleplus {
	float: left;
	padding-right: 7px;
	overflow: hidden;
}

.sharebuttons .facebook {
	float: left;
	padding-right: 7px;
	overflow: visible;
}

/* Statistik */
.tdSpielStats {
	display: block;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}

.statistik a.closeStatistik {
	color: var(--a-color);
	font-size: 24px;
}

.statistik h2 {
	text-align: center;
}

.statistik p.einleitung{
	text-align: center;
	font-size: 14px;
}

.statistik h4 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
}

.statistik p.prozent {
	margin: 3px 0px 12px 0px;
	font-size: 15px;
}

.statistik .statistikRowSpiel {
	margin-bottom: 15px;
}

.statistik .statistikRowVIP {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.statistik img.vipStatistik {
	float: left;
	margin-right: 10px;
}

.statistik .statistikVIPContent {
	/* text-align: center; */
	line-height: 1.1em;
	font-weight: 600;
}

.statistik .statistikVIPName {
	font-size: 13px;
}

.statistik .statistikVIPTipp {
	font-size: 18px;
}

#tabStatistikContent .avatar {
	float: left;
	margin: 0px 15px 5px 0px;
	padding: 2px;
	background-color: #ffffff;
	text-align: center;
	width: 114px;
	height: 114px;
}

#tabStatistikContent .tab-pane h4 {
	text-align: center;
}

@media screen and (max-width: 767.98px) {
	table.ts-table-stat-gruppen-rangliste {
		font-size: 0.9rem;
	}	
}

/* Rangliste Neu */
#ranglisteContent {
	margin-top: 30px;
}

div.rangliste18Row {
	/* margin-left: -15px;
	margin-right: -15px; */
	cursor: pointer;
	border-radius: var(--ts-border-radius-xs);
}

div.ranglisteAvatarContainer {
	float: left;
	width: 115px;
	padding-right: 1rem;
	/* overflow: hidden; */
	margin-left: 0px;
	text-align: center;
}

div.ranglisteAvatarContainerTop {
	width: 115px;
	padding-right: 15px;
}

div.rangliste18Row div.rowSpieler {
	padding-top: 10px;
	padding-bottom: 10px;
}

#rangliste18Row div.rowSpielerIch {
	background-color: #D2FAD2;
	padding-top: 10px;
	padding-bottom: 10px;
}

#rangliste18Row div.rowSpieler:nth-of-type(4n-3) {
	background-color: #f7f7f7;
}

div.rangliste18Row div.ranglisteRang {
	text-align: right;
	height: 79px;
	font-weight: bold;
	font-size: 20px;
	line-height: 55px;
	white-space: nowrap;
}

div.ranglisteRang span.ranglisteRangVorher {
	font-weight: normal;
	line-height: 14px;
	font-size: 14px;
	padding-left: 7px;
}

div.rangliste18Row span.ranglisteTextName {
	line-height: 50px;
	font-size: 1.4rem;
}

div.rangliste18Row span.ranglisteTextGruppe {
	line-height: 50px;
}

div.rangliste18Row div.ranglisteTextFirma {
	margin-top: -13px;
	font-size: 1rem;
}

div.rangliste18Row span.ranglisteTextGruppe, div.rangliste18Row span.ranglisteTextGruppeSM {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

div.rangliste18Row span.ranglisteTextGruppe:hover, div.rangliste18Row span.ranglisteTextGruppeSM:hover {
	text-decoration: underline;
}

div.rangliste18Row div.ranglisteTextGruppeSMDiv {
	margin-top: 5px;
}

div.rangliste18Row div.ranglisteTextPunkte {
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	margin-right: 15px;
}

div.rangliste18Row .ranglisteRowSpielerStats {
	padding-top: 30px;
}

div.rowSpielerInside {
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	padding-bottom: 0px;
	margin-bottom: 15px;
	margin-top: -30px;
}

div.rowSpielerInside div.ranglisteRang {
	height: 60px;
}

/* Rangliste */
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #000;
}

.selectSelected {
	background-color: var(--tab-background-color) !important;
	color: #ffffff !important;
}

table.rangliste tr:nth-child(4n+1) {
	background-color: #f9f9f9;
}

table.rangliste tr>td {
	white-space: nowrap;
	border-top-width: 0px;
}

table.rangliste tr>th {
	white-space: nowrap;
	border-bottom-width: 0px;
}

table.rangliste tr>td:last-child {
	border-right-width: 0px;
}

table.rangliste .spielHeader {
	border-right-width: 0px;
}

table.rangliste td.ranglisteRang {
	text-align: right;
	height: 79px;
}

.ranglisteRow > div {
	margin-bottom: 12px;
}

table.rangliste .ranglisteTextName, table.rangliste .ranglisteTextGruppe, table.rangliste .ranglisteTextRang, table.rangliste .ranglisteTextPunkte {
	line-height: 50px;
	font-size: 16px;
}

table.rangliste .ranglisteTextFirma {
	margin-top: -13px;
	font-size: 12px;
}

table.rangliste .ranglisteSmall {
	line-height: 30px;
	font-size: 14px;
}

table.rangliste .ranglisteTextRang {
	font-size: 17px;
}

table.rangliste .ranglisteTextGruppe {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

table.rangliste .ranglisteTextGruppe:hover {
	text-decoration: underline;
}

.ranglisteHover {
	text-align: center;
	color: var(--tab-background-color);
	font-size: 29px;
	line-height: 60px;
	vertical-align: middle;
	height: 60px;
	cursor: pointer;
}

.ranglisteHoverSmall {
	text-align: center;
	color: var(--tab-background-color);
	font-size: 14px;
	line-height: 35px;
	vertical-align: middle;
	height: 35px;
	cursor: pointer;
}

.table-striped>tbody>tr.rowSpielRanglisteTrenner {
	background-color: #dedede;
	border-color: var(--tab-background-color)
}

.rowSpielerStats {
	background-color: #f9f9f9;
	border-bottom: 7px solid #fff;
}

.rowGruppeStats {
	background-color: #ffffff;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 7px solid #fff;
}

.ranglisteLabel {
	font-size: 1.1em;
	color: #666666;
	text-transform: uppercase;
	white-space: nowrap;
}

a.ranglisteTabbutton, a.ranglisteTabbuttonAktiv {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 2px;
}

a.ranglisteTabbuttonAktiv, a.ranglisteTabbutton:hover, a.ranglisteTabbuttonAktiv:hover {
	background-color: #676767;
	color: #ffffff;
}

.rangGruppenleiste {
	overflow: hidden;
}

.rangSeitenleiste {
	background-color: #f9f9f9;
	margin: 0 0 20px;
	clear: both;
}

.ranglisteVIP {
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #e9e9e9;
}

.ranglisteVIP {
	padding-top: 40px;
	background-image: url(/zcms/tpl/kick/img/vip.png);
	background-repeat: no-repeat;
}



.ranglisteVIP {
	margin-bottom: 30px !important;
}

.ranglisteVIP:hover {
	background-color: #dedede;
}

/* .ranglisteVIP .ranglisteIch {
	padding: 10px 5px 0 0;
} */

.ranglisteIch {
	font-size: 13px;
	line-height: 17px;
	padding: 10px 5px 10px 15px;
	height: 80px;
}

.ranglisteTextVIPName, .ranglisteTextVIPPunkte, .ranglisteTextVIPGruppe {
	line-height: 110%;
}

.ranglisteTextVIPName {
	font-size: 1.25rem;
	font-weight: 600;
}

.ranglisteTextVIPGruppe {
	font-weight: normal;
}

select#page {
	display: inline;
	min-width: 60px;
}

div.vipAvatarContainer {
	float: left;
	margin: 0 1rem 0 0;
	text-align: center;
	width: 60px;
	height: 75px;
}

.ranglisteRangAlt {
	color: #999999;
	white-space: nowrap;
}

img.tippenVIPAvatarSmall {
	border: 1px solid #d5d5d5;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

.ranglisteEqual, .ranglisteUp, .ranglisteDown {
	font-size: 16px;
	padding-left: 10px;
}

.ranglisteEqual {
	color: #999999;
}

.ranglisteUp {
	color: #33990f;
}

.ranglisteDown {
	color: #cc0000;
}

#printLink {
	font-size: 16px;
	color: #666666;
	font-weight: normal;
}

/* Infobereich */

#infobereich {
	font-family: 'Saira Condensed', sans-serif;
	background-color: var(--tab-background-color);
	border-radius: var(--ts-border-radius);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	margin-bottom: 0.5rem;
}

#infobereich .ibAvatar {
	margin-top: -0.75rem;
	margin-bottom: -0.75rem;
	margin-left: 0px;
	border-radius: var(--ts-border-radius);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

#infobereich .ibAvatarImg,
#infobereich #hoverBenutzerEditBtn {
	border-radius: var(--ts-border-radius);
}

#infobereich .ibBenutzerName {
	display: block;
	color: var(--tab-text-color);
	font-size: 1.8rem;
	line-height: 1.9rem;
	margin-top: 1.75rem;
}

#infobereich .ibBenutzerNameButton {
	font-size: 1.3rem;
	color: var(--tab-text-color);
}

#infobereich .ibRang {
	display: block;
	color: var(--tab-text-color);
	font-size: 1.25rem;
	line-height: 105%;
	font-weight: 300;
}

/* Infobereich PopOver */
.infobereichPopoverAnchor {
	display: block;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.75rem;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}

.infobereichPopoverAnchor:hover {
	color: #666666;
}

.infobereichPopoverAnchor>i {
	margin-right: 10px;
}

/* Infobereich Gruppe */
#infobereich .ibGruppeLabel {
	color: var(--tab-text-color);
	font-size: 1.1rem;
	line-height: 100%;
	margin-top: 0.65rem;
}

#infobereich .ibGruppeName {
	display: block;
	color: var(--tab-text-color);
	font-size: 1.8rem;
	line-height: 1.9rem;
	margin-bottom: 0.25rem;
}

/* Infobereich Spiel */
#infobereich .ibSpiel {
	margin-top: 1.5em;
	color: var(--tab-text-color);
	font-size: 1.2rem;
}

#infobereich .ibSpiel > a {
	color: var(--tab-text-color);
	text-decoration: none;
}

#infobereich .countdown_content {
	font-family: 'Saira Condensed', sans-serif;
	color: var(--tab-text-color);
	font-size: 1.1rem;
	line-height: 105%;
	text-transform: uppercase;
	margin-top: 0.5rem;
}

.startAbstand {
	margin-top: 1.5rem;
}

/* Infobereich Media Queries */
@media (max-width: 1199.97px) {
	#infobereich .ibBenutzerName, #infobereich .ibGruppeName {
		font-size: 1.75rem;
	}
}

@media (max-width: 767.97px) {
	#infobereich .ibGruppeMobil {
		margin-left: 144px;
	}
	#infobereich .ibGruppeMobil .ibGruppeName {
		font-size: 1.15rem;
		line-height: 105%;
		margin-top: 0.25rem;
	}
	
	#infobereich .ibRang {
		font-size: 1.1rem;
		margin-bottom: 0.5rem;
	}

	#infobereich .ibBenutzerNameGruppeMobil {
		margin-top: 0.25rem;
	}
}

@media (max-width: 575.97px) {
	#infobereich .ibBenutzerName, #infobereich .ibGruppeName {
		font-size: 1.5rem;
	}

	#infobereich .ibRang {
		font-size: 1rem;
	}
}

/* Infobereich Float */

#infobereichFloat {
	z-index: 9;
	display: block;
	position: fixed;
	bottom: 5px;
	right: 5px;
}

@media (min-width: 512px) {
	#infobereichFloat {
		bottom: 30px;
		right: 30px;
	}
}

#infobereichFloat span#messMyAnzahl {
	font-size: 12px;
	position:absolute;
	top: 33px;
	left: 28px;
	width: 23px;
	text-align: center;
	padding: 2px 0px;
	border-radius: 5px;
}

/* Profil */

.profilInhalt {
	font-size: 14px;
	line-height: 19px;
}

.profilButton a {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

.profilMeinFreundShow {
	padding: 4px 0px 0px 0px;
	color: #009900;
	font-size: 12px;
}

div.profilRow {
	margin-bottom: 3px;
}

div.profilRow>div {
	line-height: 24px;
}

div.profilRow>div>img {
	margin-right: 8px;
}

#profilBenutzerName {
	font-size: 20px;
	line-height: 24px;
}

#profilBenutzerRang {
	font-size: 16px;
	line-height: 20px;
}

.profilSpiele {
	margin-top: 20px;
	margin-bottom: 20px;
}

.profilSpiele div.profilSpielRow {
	padding-top: 4px;
	padding-bottom: 4px;
}

.profilSpiele div.profilSpielRow:nth-of-type(odd) {
	background-color: #ffffff;
}

.profilSpiele div.profilSpielRow:hover {
	background-color: #ffffff;
}

.profilSpalte3 {
	text-align: right;
}


/* Infobereich */




/* Notification Center */

#notecenter {
	background-color: #ffffff;
	padding: 1rem;
	overflow: auto;
	z-index: 100;
	color: #000000;
	min-height: 200px;
}

#notecenter h1 {
	text-transform: uppercase;
	font-size: 30px;
	color: #000000;
	text-align: center;
}

#notecenter a.btn-secondary {
	background-color: var(--tab-background-color);
	background-image: none;
	border-color: var(--tab-background-color);
	color: #ffffff;
}

#notecenter a.btn-secondary:hover {
	opacity: 0.8;
}


/* Mitspieler */
#notecenter_user_show {
	margin-top: 15px;
}

.notecenter_user_container1, .notecenter_user_container2 {
	overflow: hidden;
	cursor: pointer;
	height: 80px;
}

.notecenter_user_container1 {
	background-color: #fff;
	margin-bottom: 7px;
}

.notecenter_user_container2 {
	background-color: #ffffff;
	margin-bottom: 7px;
}

.notecenter_user_container1 .avatarMessenger, .notecenter_user_container2 .avatarMessenger {
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 1px;
	background-color: #ffffff;
	width: 80px;
	height: 80px;
}

.notecenter_user_container1 .ibNCBenutzerName, .notecenter_user_container2 .ibNCBenutzerName {
	padding-top:  15px;
	font-size: 19px;
	line-height: 27px;
}

.notecenter_user_container1 .ibNCBenutzerName {
	line-height: 48px;
	font-size: 22px;
}

.notecenter_user_container1 .ibGruppeLabel {
	padding-top: 20px;
	line-height: 14px;
	font-size: 14px;
}

.notecenter_user_container1 .ibGruppeName {
	line-height: 26px;
	font-size: 22px;
}

.notecenter_user_container1 .ibBenutzerText, .notecenter_user_container2 .ibBenutzerText {
	font-size: 0.9rem;
	line-height: 1.1rem;
}

.notecenter_user_show_container2 {
	margin-top: 20px;
}

.notecenter_user_container1 .badgeMessageNeu, .notecenter_user_container2 .badgeMessageNeu, .notecenter_user_container1 .badgeMessageAlt, .notecenter_user_container2 .badgeMessageAlt {
	background-color: var(--tab-background-color);
	color: #ffffff;
	font-weight: normal;
	font-size: 20px;
	line-height: 34px;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	margin-top: 20px;
	margin-right: 10px;
}

.notecenter_user_container1 .badgeMessageAlt, .notecenter_user_container2 .badgeMessageAlt {
	background-color: #777777;
}

.notecenter_user_container1 .badgeMessageNeuSmall, .notecenter_user_container2 .badgeMessageNeuSmall, .notecenter_user_container1 .badgeMessageAltSmall, .notecenter_user_container2 .badgeMessageAltSmall {
	font-size: 16px;
}

/* Suche */
#notecenter .notecenter_suche_container {
	background-color: #ffffff;
	padding: 30px;
	margin-top: 10px;
	border-radius: 8px;
}

#notecenter_suche_erg {
	margin-top: 20px;
}

#notecenter_suche_erg .notecenter_search_row {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	/* border-bottom: 1px solid #e9e9e9; */
	margin-left: -30px;
	margin-right: -30px;
}

#notecenter_suche_erg .notecenter_search_userlist {
	font-size: 18px;
	font-weight: normal;
	line-height: 29px;
}

/* Neue Nachricht */
#notecenter .notecenter_message_new_container {
	background-color: #ffffff;
	padding: 15px 30px;
	margin-top: 10px;
	border-radius: 8px;
}

/* Chat */
#notecenter .notecenter_chat_gast_container, #notecenter .notecenter_chat_ich_container {
	padding: 20px 15px;
	/* border-bottom: 1px solid #e9e9e9; */
}

#notecenter .notecenter_chat_gast_container:hover, #notecenter .notecenter_chat_ich_container:hover {
	background-color: #e7e7e7;
}

#notecenter .notecenter_chat_gast_container {
	background-color: #ffffff;
	padding-right: 45px;
}

#notecenter .notecenter_chat_ich_container {
	background-color: #f9f9f9;
	text-align: right;
	padding-left: 45px;
}

#notecenter .notecenter_chat_text_small, #notecenter .notecenter_chat_text_small_gast {
	font-size: 11px;
	text-decoration: none;
	padding-bottom: 2px;
	color: #666666;
}

#notecenter .notecenter_chat_text_small_gast {
	color: var(--tab-background-color);
}

/* Admin Overlayer */
.notecenter_admin_overlayer {
	margin-top: 15px;
	background-color: #ededed;
	padding: 15px 15px 5px 15px;
	border-radius: 8px;
}

.notecenter_admin_overlayer .notecenter_admin_text_small, .notecenter_admin_overlayer .notecenter_admin_text_small_gast {
	font-size: 0.9rem;
	text-decoration: none;
	padding-bottom: 2px;
	color: #666666;
}

.notecenter_admin_overlayer .notecenter_admin_text_small_gast {
	color: #666666;	
}

.notecenter_admin_overlayer .notecenter_chat_gast_container {
	margin-bottom: 15px;
}




/* Tooltip */

.tooltip_tippen, .tooltip_tippen_freunde, .tooltip_tippen_chat {
	display: none;
	font-size: 1em;
	color: #ffffff;
	background: url(../img/background_tooltip_tippen.png);
	height: 170px;
	width: 790px;
	padding: 30px 30px 58px 31px;
	overflow: hidden;
}

.tooltip_tippen_content {
	overflow: hidden;
	height: 170px;
	width: 790px;
}

.tooltip_tippen a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}



/* Startseite */

.homeBlock {
	color: #000000;
	background-color: #ffffff;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	border-radius: var(--ts-border-radius);
}

.homeBlock h3.homeBlockHeader {
	background-color: var(--tab-background-color);
	border-top-left-radius: var(--ts-border-radius);
	border-top-right-radius: var(--ts-border-radius);
	color: var(--tab-text-color);
}

.homeBlock h3.homeBlockHeaderLink:hover {
	background-color: var(--tab-background-color);
}

.homeBlock a.homeBlockArrow {
	color: #ffffff;
	font-size: 1.15rem;
	text-decoration: none;
	padding-left: 0.5rem;
}

.homeBlock h3.homeBlockHeaderLink a.homeBlockArrow, 
.homeBlock h3.homeBlockHeaderLink a.homeBlockArrow i {
	/*color: #ffffff;*/
}

/* .colHomeExtern, .colHomeBA1, .colHomeBA2 {
	background-color: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
} */

.homeBonusFrage {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 115%;
	margin: 0;
}

.homeBonusFrageSmall {
	font-size: 1rem;
	color: #666666;
}

.ts-table-trans>:not(caption)>*>* {
	background-color: transparent;
	color: #000000;
}

.homeLogin h1, .homeRegister h1.homeCountdownContent {
	font-size: 34px;
	line-height: 40px;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	text-align: center;
}

.homeLogin > .homeLoginText {
	text-align: center;
}

.homeLogin .form {
	margin-bottom: 15px;
}

.homeLogin .homeLoginVergessen, .homeRegister .homeRegisterTeilnahme {
	font-size: 1rem;
	text-align: center;
}

.homeLogin .homeLoginVergessen a, .homeRegister .homeRegisterTeilnahme a {
	font-weight: normal;
}

.homeRegister .homeRegisterContent {
	clear: both;
	text-align: center;
}

.homeRegister .homeRegisterContent h4 {
	font-size: 20px;
	line-height: 25px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#inhalt .homeRegister .homeRegisterContent a.btn-success {
	color: #ffffff;
	text-decoration: none;
}

.ranglisteVIP {
	margin: 0px -15px 0px -15px;
	border-top: 10px solid #ffffff;
	margin-bottom: 0px;
	margin-top: 0px;
}

/* .homepageVIP .ranglisteIch {
	padding: 10px 5px 0 0;
} */

.homeFunktion > div > div:last-child {
	margin-right: 0px;
}

.homepageSpieleSmall > div {
	padding-bottom: 20px;
	line-height: 1.42857143;
}

.homepageSpieleSmall > div input.form-control {
	display: inline;
	width: 46px;
	text-align: center;
	margin: 0px 10px;
}

.homepageSpieleSmall .homepageSpieleMannschaft1Text {
	margin-right: 20px;
	font-size: 18px;
}

.homepageSpieleSmall .homepageSpieleMannschaft2Text {
	margin-left: 20px;
	font-size: 18px;
}

.homepageSpieleSmall .homepageSpieleMannschaft1 {
	margin-right: 10px;
}

.homepageSpieleSmall .homepageSpieleMannschaft2 {
	margin-left: 10px;
}

.homepageSpieleSmall .homepageSpieleMannschaft1 > img, .homepageSpieleSmall .homepageSpieleMannschaft2 > img{
	margin-bottom: 3px;
}

.homepageSpieleAbschluss {
	text-align: center;
}

/* .homeRangliste h2 {
	text-align: center;
	margin-bottom: 20px;
	padding: 0px;
} */

.homeRangliste .homepageRanglisteAvatar {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
	clear: both;
}

.homeRangliste .homepageRanglisteName {
	line-height: 130%;
}

.homeRangliste .homeRanglisteTextName {
	font-weight: 700;
}

.homeRanglisteAbschluss {
	text-align: center;
}

.btnHomeBottom {
	position: absolute;
	bottom: 1rem;
	transform: translate(-50%, 0);
}

/* Countdown */

#homeCountdown .countdown-row {
	text-align: center;
}

#homeCountdown .countdown-section {
	font-size: 1.1rem;
	display: block;
	float: left;
	color: #000000;
	border-right: 1px solid #999999;
	text-align: center;
	width: 25%;
}

#homeCountdown .countdown-section:last-of-type {
	border-right: 0px solid transparent;
}

#homeCountdown .countdown-section .countdown-amount {
	display: block;
	font-size: 2.7rem;
	padding: 0px 2px;
}

#homeCountdown .countdown-section .countdown-period {
	font-size: 0.8em;
	padding: 0px 2px;
	text-transform: uppercase;
}

#lbl_countdown_text {
	padding-left: 10px;
}


/* Shoutbox */

.shoutboxIcon {
	width: 60px;
	height: 49px;
	transition: 0.3s;
	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:%23bf0000;%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");
}

.shoutboxIcon:hover {
	width: 75px;
	height: 62px;
}

@media (min-width: 768px) {
	.shoutboxIcon {
		width: 75px;
		height: 62px;
	}
	
	.shoutboxIcon:hover {
		width: 90px;
		height: 74px;
	}
}

.homeShoutbox {
	background-color: #ffffff;
}

h4.shoutbox {
	font-family: 'Saira Condensed', Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 1.5rem;
	line-height: 1.6rem;
	text-transform: uppercase;
	margin: 0 0 1rem 0;
	padding: 0;
	text-align: center;
}

/* #treffpunkt_chat_old {
	max-height: 500px;
	overflow-y: auto;
	overflow-x:hidden;
} */

.tfEinfabeContainer {
	top: 100px;
}

textarea.tfTextarea {
	height: 93px;
	border-radius: 0;
}

.btn-shoutbox {
	height: 93px;
	width: 100%;
	border-radius: 0;
}

.btn-shoutbox > i {
	line-height: 82px;
	font-size: 1.6rem;
}

@media (min-width: 992px) and (max-width: 1199.97px) {
	textarea.tfTextarea {
		height: 60px;
	}

	.btn-shoutbox {
		height: 60px;
	}
	
	.btn-shoutbox > i {
		line-height: 49px;
		font-size: 1.2rem;
	}
}

@media (max-width: 991.97px) {
	
	textarea.tfTextarea {
		height: 40px;
	}

	.btn-shoutbox {
		height: 40px;
	}

	.btn-shoutbox > i {
		line-height: 29px;
		font-size: 1rem;
	}
}	

.tfOKButtonIcon {
	font-size: 100%;
	line-height: 100%;
}

.tfAnzZeichen {
	font-size: 0.9rem;
	text-align: right;
	color: #666666;
	margin-top: 5px;
}

.tfSprechblase, .tfSprechblaseSelf {
	color: #000000;
	z-index: 1;
	background-color: #eeeeee;
	border: none;
	border-left: solid 3px transparent;
	border-radius: 0;
	font-size: 90%;
	line-height: 1.4rem;
}

.tfSprechblaseSelf {
	border-left: solid 3px var(--tab-background-color);
}

.tfSprechblaseAutor {
	color: #888888;
	font-size: 0.9rem;
	line-height: 1rem;
}

.tfSprechblaseAdmin {
	position: relative;
    top: -32px;
    z-index: 2;
	height: 0;
}

table.freunde {
	background-color: #ffffff;
}

table.freunde tr>th {
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
}

.freundeTextName {
	font-size: 14px;
	line-height: 50px;
}

@media (max-width: 575.97px) {
	.tfOKButton {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	
	.tfOKButtonIcon {
		font-size: 1.5rem;
		line-height: 2.9rem;
	}
}

/* Ligakick */
#toolbarSpieltage {
	display: table-cell;
	text-align: center;
	margin-bottom: 20px;
}

#toolbarSpieltage .pagination {
	margin: 0px 0px 10px;
}

#toolbarSpieltage .pagination>li {
	display: inline-block;
}

#toolbarSpieltage .pagination>li>a {
	min-width: 55px;
	text-align: center;
}

/* Tabellen */
table.space td {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
}



/* Cookie */

#open_preferences_center {
	position: fixed;
	z-index: 9999;
	bottom: 0.75rem;
	left: 0.75rem;
	text-decoration: none;
	padding: 0.5rem;
	border-radius: 50%;
	background-color: var(--tab-background-color);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	transition: transform 0.2s ease-in-out;
}

#cookieHinweis {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #dedede;
	z-index: 10;
}
  
#cookieHinweis .cookieInhalt {
	font-size: 14px;
	padding: 10px 0px 35px 0px;
	color: #666666;
}

/* Fancybox */
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fancybox-ncclose {
	background-image: none;
	font-size: 30px;
	color: #666666;
	font-weight: lighter;
}

/* Media Queries XS */
@media (max-width: 767px) {
	/* Überschriften */
	h1 {
		font-size: 24px;
	}
	
	h2 {
		font-size: 22px;
	}
	
	h3 {
		font-size: 19px;
	}
	
	h4 {
		font-size: 17px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	h6 {
		font-size: 15px;
	}

	.row-eq-height {
		display: block;
	}

	/* Tabs */
	/* #tabStatistik.nav-tabs>li {
		display: block;
		width: 100%;
		text-align: center;
	}

	#tabStatistik.nav-tabs>li>a {
		margin-right: 0;
		border-radius: 0px;
	} */
	
	.inhaltTippspiel .spielHeader {
		font-size: 13px;
	}

	/* Rangliste Neu */
	div.rangliste18Row {
		margin-left: 0px;
		margin-right: 0px;
	}

	div.rangliste18Row div.ranglisteRang {
		height: 50px;
		font-size: 20px;
		line-height: 30px;
	}
	
	div.ranglisteRang span.ranglisteRangVorher {
		/* line-height: 12px;
		font-size: 12px; */
		padding-left: 5px;
	}
	
	div.rangliste18Row span.ranglisteTextName {
		line-height: 30px;
		/* font-size: 16px; */
	}
	
	div.rangliste18Row span.ranglisteTextGruppe {
		line-height: 30px;
		/* font-size: 14px; */
	}
	
	div.rangliste18Row div.ranglisteTextGruppeSMDiv {
		margin-top: 0px;
		margin-left: 28px;
		font-size: 1rem;
	}

	div.rangliste18Row div.ranglisteTextFirma {
		margin-top: 0px;
	}
	
	div.rangliste18Row div.ranglisteTextPunkte {
		line-height: 30px;
		/* font-size: 16px; */
		margin-right: 0px;
	}
	
	div.rangliste18Row .ranglisteRowSpielerStats {
		padding-top: 15px;
	}
	

	/* Rangliste */
	table.rangliste {
		table-layout:fixed;
	}
	
	table.rangliste .ranglisteTextName, table.rangliste .ranglisteTextGruppe, table.rangliste .ranglisteTextRang, table.rangliste .ranglisteTextPunkte {
		font-size: 14px;
	}
	
	table.rangliste .ranglisteTextName, table.rangliste .ranglisteTextGruppe {
		text-overflow: ellipsis;
	}
	
	.ranglisteEqual, .ranglisteUp, .ranglisteDown {
		font-size: 13px;
		padding-left: 5px;
	}
	
	/* Profil */
	.profilSpalte1, .profilSpalte2 {
		margin-bottom: 20px;
	}
	
	.profilSpalte3 {
		text-align: center;
	}
	
	/* Registrierung */
	
	#regEditPasswortSubmit {
		margin-bottom: 10px;
	}
	
	#regEditButtonSubmit {
		display: block;
		width: 100%;
	}
	
	/* Startseite */
	.homeLogin {
		padding: 15px;
		margin: 0px 0px 15px 0px;
	}
	.homeRegister {
		padding: 15px;
		margin: 0px 0px 15px 0px;
	}

	.homeLogin h1, .homeRegister h1.homeCountdownContent {
		font-size: 24px;
		line-height: 28px;
		font-weight: bold;
		padding: 0px;
		margin: 0 0 0.75rem 0;
	}

	#homeCountdown .countdown-section .countdown-amount {
		font-size: 2rem;
	}
	
	#homeCountdown .countdown-section .countdown-period {
		font-size: 0.8rem;
	}

	/* .homepageVIP h2 {
		text-align: center;
		margin-bottom: 20px;
	} */

	/* div.vipAvatarContainer {
		margin-bottom: 20px;
	} */
	
	/* Bonus */
	.boxHeader {
		font-size: 1.25rem;
	}
	
	/* Notification Center */
	#notecenter h1 {
		font-size: 18px;
		margin-top: 10px;
	}
	
	#notecenter .notecenter_col_button {
		text-align: center;
	}
	
	#notecenter .notecenter_suche_container {
		padding: 10px;
		margin-top: 5px;
	}
	
	#notecenter_suche_erg .notecenter_search_button {
		width: 20px;
		height: 20px;
	}
	
	#notecenter_suche_erg .notecenter_search_userlist {
		font-size: 13px;
		line-height: 20px;
	}

	.statistikColSpiel, .statistikColVIP {
		padding-bottom: 15px;
	}

	.statistikColSpiel h4, .statistikRowVIP, .statistikColVIP h4 {
		font-size: 14px;
	}

	/* Footer */
	#footer #footerContent {
		font-size: 1rem;
		line-height: 20px;
		display: flex;
		flex-direction: column;
        gap: 0.5rem;
	}
}

/* Media Queries SM */
@media (min-width: 768px) and (max-width: 991px) {
	
	/* Überschriften */
	h1 {
		font-size: 26px;
	}
	
	h2 {
		font-size: 23px;
	}
	
	h3 {
		font-size: 20px;
	}
	
	h4 {
		font-size: 18px;
	}
	
	h5 {
		font-size: 17px;
	}
	
	h6 {
		font-size: 16px;
	}

	.row-eq-height {
		display: block;
	}

	/* Startseite */
	.homeLogin {
		padding: 15px;
		margin: 0px 0px 15px 0px;
	}
	.homeRegister {
		padding: 15px;
		margin: 0px 0px 15px 0px;
	}

	/* .homepageVIP h2 {
		text-align: center;
		margin-bottom: 20px;
	} */

	.homeFunktion > div > div:last-child {
		margin-bottom: 0px;
	}

	/* Rangliste Neu */
	div.rangliste18Row {
		margin-left: 0px;
		margin-right: 0px;
	}

	/* Spiel */
	.spielHeader {
		font-size: 14px;
	}
	
	/* Login */
	input.loginSpielername {
		margin-bottom: 4px;
	}

	/* Profil */	
	.profilSpalte3 {
		text-align: center;
	}
}

/* Media Query MD */
@media (min-width: 992px) and (max-width: 1199px) {
	/* Login */
	input.loginSpielername {
		margin-bottom: 4px;
	}

	/* Rangliste Neu */
	div.rangliste18Row {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	/* Rangliste */
	table.rangliste .ranglisteTextName, table.rangliste .ranglisteTextGruppe, table.rangliste .ranglisteTextRang, table.rangliste .ranglisteTextPunkte {
		font-size: 14px;
	}

	table.rangliste .ranglisteTextFirma {
		font-size: 12px;
	}
}

/* Media Querie LG */
@media (min-width: 1200px) {

	/* .homepageVIP {
		padding: 20px 30px;
	} */

	.ibBenutzer {
		padding-left: 15px;
	}

	#rangliste18Row div.colFreundeLeer{
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* Lity Box */
.lity-iframe-container iframe {
	background-color: #ffffff;
}