body{
	background-color:#000000;
}
body::after {
	content: "";
	background-image: url("../design/karo4.png");
	opacity: 0.4;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	z-index: -1;   
}
#content {
	width: 98%;
	max-width:900px;
	margin-left:auto; margin-right:auto; padding:0em;
	text-align:center;
	font-size: 100%; color: #FFFFFF; font-family:impact, calibri, sans-serif; letter-spacing: 0.005em;
	border-left: 7px solid #cf000f;
	border-right: 7px solid #cf000f;
	background-color: #000000;
}
#seite{
	padding: 1em;
}
header{
	margin-bottom:0em;
	border-top: 7px solid #cf000f;
	border-bottom: 7px solid #cf000f;
}

#Banner{
	width: 100%;
	height:auto;
	margin: 0em;
}

.stats TABLE{
	font-size:1em;
	max-width:100%;
	padding: 0;
	margin-bottom:3em;
	color: #FFFFFF;
	font-family:calibri, sans-serif;
	border: none;
	background-color: #353535;
	text-align: center;
	border-collapse:collapse;
}
#stat-link
{
	color:#FFFFFF;
}
#stat-link:hover
{
	color:#cf000f;
}


.stats TABLE TR{
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
}
.stats TABLE TD{
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	padding-bottom:1.5px;
	padding-top:1.5px;
	padding-left:0.5em;
	padding-right:0.5em;
	
}
.stats CAPTION{
	background-color: #292929;	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	font-size:1.4em;
}

.stats #tabRang th,
.stats #stat2 th
{
	background-color: #cf000f;
}
.stats TABLE tr:nth-child(2n+3),
.stats #stat2 tr:nth-child(2n+2)
{
	background: #292929;
}
.stats TABLE tr:nth-child(2n+4),
.stats #stat2 tr:nth-child(2n+3)
{
	background: #353535;;
}
.stats TABLE td:nth-child(2),
.stats .StadienB td:nth-child(1)
{
	padding-left:0.5em;
}
.stats .StadienB td:nth-child(2)
{
	text-align:center;
}
#Table #Marker{
	background-color: rgba( 255,111,0, 0.5);
}
/*
.stats TABLE #ich,
.stats #stat2 #ich{
	background-color: rgba( 255,111,0, 0.5);
}*/
#Det .mehrStats{
	background:none;
	padding:0;
	margin:0;
	text-align:left;
	width: auto;
}
#Det .mehrStats  tr
{
	background: none;
}
#Det .mehrStats  td:nth-child(2n+2)
{
	padding-right: 5em;
	padding-left: 1em;
}

.stats .over tr:nth-child(2){
	background-color: #cf000f;
}
#admin{
	overflow-x:auto;
}
#admin TABLE{
	font-size:1em;
	margin:0;
	padding:0;
	font-family:calibri, sans-serif;
	/*border: none;*/
	background-color: #cf000f;
	border-radius: 20px;
}
#admin caption
{
	font-family:impact, calibri, sans-serif;
	font-size:1.6em;
}

#admin TABLE,
#admin th,
#admin td{
	border-collapse:collapse;
	padding:0;
	padding-left:0.4em;
	padding-right:0.4em;
	text-align: center;
}
table{
	width:100%;
}
#admin TABLE{	
	
}
#admin TABLE th{
	padding:0.4em;
	padding-bottom: 0.4em;
	width:auto;
}
#admin TABLE td{
	padding-top:0.25em;
	padding-bottom:0.25em;
	
}
#admin TABLE tr{
	
}
#admin TABLE tr:nth-child(2n+3)
{
	background: #151515;
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
	
}
#admin TABLE tr:nth-child(4n+2)
{
	background: #353535;
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
}
#admin TABLE tr:nth-child(4n+4)
{
	background: #292929;
	border-left: 1px solid #292929;
	border-right: 1px solid #292929;
}
#admin small{
	display:none;
}
#admin #fahrten{
	margin-bottom:2em;
}
#Table{
	margin-bottom:2em;
	font-size:1em;
	max-width:100%;
	padding: 0;
	margin-bottom:3em;
	color: #FFFFFF;
	font-family:calibri, sans-serif;
	border: none;
	background-color: #353535;
	text-align: center;
	border-collapse:collapse;

}
#Table caption
{
	font-family:impact, calibri, sans-serif;
	font-size:1.6em;

	background-color: #292929;	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	font-size:1.4em;
}
#Table th{
	background-color: #cf000f;
}
#Table TR{
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
}
#Table TD{
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	padding-bottom:1.5px;
	padding-top:1.5px;
	padding-left:0.5em;
	padding-right:0.5em;
	
}


#Table tr:nth-child(2n+1)
{
	background: #292929;
}

#Table tr:nth-child(2n+2)
{
	background: #353535;;
}
.auswahl{
	display:inline-block;
	padding: 0;
	padding-left: 0.4em;
	padding-right: 0.4em;
	text-align: left;
	width: 22%;
}
.Teilnehmerlist{
	width: auto;
	display:inline-block;
	padding: 0;
	padding-left: 0.4em;
	padding-right: 0.4em;
	text-align: left;
}
.radio{
	display:inline-block;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
#Detail
{
	display:none;
}
#Det{
	display:inline-block;
	font-size:0.9em;
	padding:0;
	display:none;
}
#Det_unter{
	display:inline-block;
	float: left;
	border-collapse: collapse;
	
}
#Det_unter:nth-child(2){
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
}

#Det #Det_unter .mehrDet
{
	background:none;	
	display: inline-block;
	padding-left: 1.2em;
	padding-right: 1.2em;
	border-radius:0;
	
}

#Det #Det_unter .mehrDet td{
	text-align:left;
}

#Det #Det_unter .mehrDet tr:nth-child(2n+2)
{
	background:none;
	border:none;
}
#Det #Det_unter .mehrDet td:nth-child(1)
{
	width: 8em;
}
#Det #Det_unter .mehrDet tr:nth-child(2n+3)
{
	border:none;
}


a:link{text-decoration: none; color:#cf000f}
a:visited{text-decoration: none; color:#cf000f}
a:hover{text-decoration: none; color:#BDBDBD}
h1{
	font-size:2.4em;
	margin-bottom:0.5em;
	margin-top:0px;
	letter-spacing:0.02em;
	text-align:center;
	font-family: impact, calibri, sans-serif;
	line-height: 1.2em;
}
h2{
	font-size:1.3em;
	letter-spacing:0.01em;
	line-height: 1.2em;
}
h3{
	font-size:1.4em;
	letter-spacing:0.01em;
	text-align:center;
}
#Titel{
	font-size: 2em;
	padding-bottom:0.2em;
}

#Impressum,
#Datenschutz{
	text-align:justify;
	font-family:calibri, sans-serif;
	font-size: 0.9em;
	line-height:1.2em;
}
label
{
	display: block;
	line-height: 100%;
}

#Datenschutz{
	text-align:justify;
}
#Datenschutz ol{
	padding-left: 1em; 
	padding-right: 1em; 
	list-style-type:upper-roman;
	list-style-position: inside;
}
#Datenschutz ol>ol{
	list-style-type:decimal;
}
#Datenschutz ol>ol>ol{
	list-style-type:lower-latin;
}
#Datenschutz .list{
	list-style-type:decimal;
	list-style-position: outside;
	padding-left: 2em; 
	padding-right: 2em;
}
#Datenschutz li{
	
}
#Datenschutz h2{
	font-size:1.5em;
	text-align:left;
}
#Datenschutz h3{
	font-size:1.3em;
	text-align:left;
}
#Datenschutz h4{
	font-size:1.1em;
	text-align:left;
}

.checkbox
{
	margin-top: 1.1em;
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	padding-left: 1.6em;
	-ms-user-select: none;
	user-select: none;
	font-size:0.8em;
}
.checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	background:#FFFFFF;
}
.checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}
.checkbox input:checked ~ .checkmark {
	background-color: #cf000f;;
}
.checkbox input:checked ~ .checkmark:after {
	display: block;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.1em;
	width:  1.1em;
	background-color: #eee;
	border-radius:0.08em;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox .checkmark:after {
	left: 0.33em;
	top:  0.1em;
	width: 0.2em;
	height: 0.6em;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


form{
	line-height: 150%;
}

#RedBox{
	font-size:1.2em;
	padding-top:0.8em;
	border-style: solid;
	border-color: #cf000f;
	margin-bottom: 10pt;
	padding: 1em;
}
#formBox{
	font-size:1.2em;
	padding-top:0.8em;
}
#formBox ul{
	list-style-type: none;
	padding:0px;
	margin-top: 4px;
	list-style-position:outside;
	display:inline;
}
#formBox li{
	display:inline-block;
	margin: 10px;
}
.eineZeile
{
	padding:0;
	margin:0;
	white-space: nowrap;
}
.eineZeile div
{
	float: left;
	width: 25%;
}
.btn{
	color: #FFFFFF;
	font-family:calibri, sans-serif; letter-spacing: 0.005em;
	background: #cf000f;
	font-size:0.85em;
	border-color: #cf000f;
	padding:0.3em;
	border-radius: 2px;
}
.btn:hover
{
	cursor: pointer;
}
.btn-icon{
	float: left;
	
	padding:0.2em;
	
}
.edit{
	border: none;
	background:none;
	text-align: center;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
}
.PostLink{
	border: none;
	background:none;
	text-align: center;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	text-decoration: none; color:#cf000f
}
.PostLink:hover{
	text-decoration: none; color:#BDBDBD;
	cursor: pointer;
}
.KontoAuszug{
	border-collapse: collapse;
}
.KontoAuszug tr td:nth-child(3){
	text-align: right;
	width: 80px;
}
.KontoAuszug tr td:nth-child(2){
	text-align: left;
}
.KontoAuszug tr:nth-child(2n+4){
	background-color: rgba(255, 255, 255, 0.15);
}

.KontoAuszug tr:nth-last-child(2),
.KontoAuszug tr:last-child{
	background:transparent;
}


.edit img{
	width: 1.15em;
}

.edit:hover
{
	opacity:0.6;
	cursor: pointer;
	
}
#formBox{
	text-align:center;
	
}
#formBox table{
	display: flex;
	align-items: center;
	justify-content: center;  
}
#formBox table td{
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: left;
	
}

#formBox li {
	text-decoration: none;
	
}
#formBox table td:nth-child(2) {
	text-align: left;
}
#formBox_unter{
	vertical-align: top;
	max-width:45%;
	display:inline-block;
	min-width: 230px;
	overflow: hidden;
	margin:0;	
}
.input-icon > input {
	text-align:right;
	
}
.detToggle{
	cursor:pointer;
	font-size: 2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.detToggleMinus{
	cursor:pointer;
	font-size: 2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	display:none;
}
.statToggle{
	padding-left: 0.5em;
	float: left;
	position: absolute; z-index:1; 
}

.unterstrich{
	border-top: 7px solid #cf000f;
	width: auto;
}
.mobileMenu{
	overflow:hidden;
	text-align:left;
	display:none;
	vertical-align: middle;
	padding:0.8em;
	padding-top:0.35em;
	padding-bottom:0.35em;
	color: #cf000f;
	font-size: 1.8em;
	cursor: default;
}

.toggle{
	
	position: right;
	padding: 0em; 
	cursor: pointer;
	float: right;
	vertical-align: middle;
}

.toggle span{
	display: block;
	width: 30px;
	height: 4px;
	background: #cf000f;
	margin: 4px 0px;
}

.flex-container {
	display: flex;
	align-items: stretch;
}

.flex-container  .menupunkt {
}

nav{
	font-size: 2em;
	text-align: center;
	width: 100%;
	margin: 0;
	padding:0;
	margin: 0;
	text-align: center;
	list-style:none;
    display: flex;
	align-items: stretch;
}

nav div {
	text-align: center;
	flex-grow: 1;
}
/*Adminmenu*/
#navadmin{
	display:inline-block;
	font-size: 1.9em;
	text-align: center;
	width: 100%;
	margin: 0;
	padding:0;
	margin: 0;
	text-align: center;
	list-style:none;
    display: flex;
	align-items: stretch;
}
#navadmin div {
	text-align: center;
	flex-grow: 1;
}
.mail form li{
	display:inline-block;
	margin: 10px;
}
.mail form ul{
	list-style-type: none;
	padding:0px;
	margin-top: 4px;
	list-style-position:outside;
	display:inline;
}
.mail form textarea, 
.mail form #Betreff{ 
	font-size: 0.9em; 
	font-family: inherit;
	width: 100%; min-width: 100%; 
	padding: 4px;
}
.mail #nachricht{
	text-align:left;
}
.menupunkt .MenuNow{
	background-color:#cf000f;
	color:#000000;
	opacity:1;
}
.menupunkt .MenuNotNow{
	background-color:#000000;
	color: #cf000f;
	opacity:1;
}

.mitglieder #navadmin .mitglieder,
.stats #navadmin .stats,
.jahre #navadmin .jahre,
.stadien #navadmin .stadien,
.gutschriften #navadmin .gutschriften,
.fahrten #navadmin .fahrten,
.admins #navadmin .admins{background-color:#cf000f; color:#000000; opacity:1;}

.mitglieder #navadmin .mitglieder:link,
.stats #navadmin .stats:link,
.jahre #navadmin .jahre:link,
.stadien #navadmin .stadien:link,
.gutschriften #navadmin .gutschriften:link,
.fahrten #navadmin .fahrten:link,
.admins #navadmin .admins:link{text-decoration: none;color:#000000;}

.mitglieder #navadmin .mitglieder:visited,
.stats #navadmin .stats:link,
.jahre #navadmin .jahre:link,
.stadien #navadmin .stadien:link,
.gutschriften #navadmin .gutschriften:visited,
.fahrten #navadmin .fahrten:visited,
.admins #navadmin .admins:visited{background-color:#cf000f; color:#000000; opacity:1;}

#navadmin div div:hover{background-color:#cf000f;text-decoration: none;color:#000000; opacity: 0.75;}

#start nav .start:visited,
#bilder nav .bilder:visited,
#stats nav .stats:visited,
#admin nav .admin:visited,
#tickets nav .tickets:visited,
#login nav .login:visited{text-decoration: none;color:#000000;}

#start nav .start:link,
#bilder nav .bilder:link,
#stats nav .stats:link,
#admin nav .admin:link,
#tickets nav .tickets:link,
#login nav .login:link{text-decoration: none;color:#000000;}


nav div div:hover{background-color:#cf000f;text-decoration: none;color:#000000; opacity: 0.75;}

#start nav .start,
#bilder nav .bilder,
#stats nav .stats,
#admin nav .admin,
#tickets nav .tickets,
#login nav .login{background-color:#cf000f; color:#000000; opacity:1;}


#Article{
	padding:0em;
	font-size:1.2em;
	line-height: 1.3em;
	clear: right;
}
.gallery{
	max-width:100%;
	display:inline-block;
	padding:7px;
}
.gallery img:hover{
	transform: scale(1.5);
	transition:.7s;
}
.album{
	width:30%;
	display:inline-block;
	padding: 0.3em;
}
.album .Bild{
	height:8em;
	border-radius:5px;
	min-width: 100%;
}
.album:hover{
	background: #cf000f;
	border-radius: 10px;
	transition:.7s;
}

.Bild{
	object-fit: cover;
	height:7em;
	width:auto;
	max-width:100%;
}
.Knopf{
	font-size:1.08em;
	background:#cf000f;
	border-radius: 5px;
	margin-top:0.2em;
	margin-bottom:0.2em;
	padding:0.2em;
}

#GalerieHead a:link,
#GalerieHead a:visited{
	color:#000000;
}
#GalerieHead a:hover{
	color: #BDBDBD;
}
#GalerieHead
{
	width:100%;
	padding: 0px;
	color: #FFFFFF;
	border: none;
	
	border-radius: 10px;
}
#GalerieHead th
{
	width:70%;
}
#GalerieHead td:nth-child(1) 
{
	width:15%;
}
#saison{
	font-size:2.2em;
}
#event{
	font-size:1.3em;
}

figcaption{
	font-size:1.2em;
}
footer{	
	font-size: 1.1em;	
	border-left: 7px solid #cf000f;
	border-right: 7px solid #cf000f;	
	background-color:#cf000f; 
	line-height:1.3em;
	margin:0em;
}
footer a:link,
footer a:visited{
	text-decoration: none;
	color: #000000;
}

footer a:hover{
	text-decoration: none;
	color: #BDBDBD;
}
footer ul {
	float: center;
	list-style:none;
	padding:0px;
}
footer li{
	display: inline;
	padding: 1em;
}

.konto-card {
    background: #1a1a1a;
    border-radius: 10px;
    padding: 1.5em 2em;
    margin-bottom: 2em;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.konto-card h2 {
    text-align: center;
    margin-bottom: 1em;
}
.konto-card table {
    width: 100%;
}
.konto-card td {
    padding: 0.3em 0.7em;
}
.konto-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7em;
    justify-content: center;
    margin-top: 1em;
}
.konto-buttons form {
    display: inline;
}
.konto-balance-pos {
    color: #4caf50;
    font-weight: bold;
}
.konto-balance-neg {
    color: #cf000f;
    font-weight: bold;
}

.tickets-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0 2em 0;
    background: #232323;
    border-radius: 8px;
    overflow: hidden;
}
.tickets-table th, .tickets-table td {
    padding: 0.7em 1em;
    text-align: center;
}
.tickets-table th {
    background: #cf000f;
    color: #fff;
    font-size: 1.1em;
}
.tickets-table tr:nth-child(even) {
    background: #292929;
}
.tickets-table tr:nth-child(odd) {
    background: #353535;
}
.tickets-table td {
    font-size: 1em;
}
.ticket-actions {
    display: flex;
    gap: 0.5em;
    justify-content: center;
}
.tickets-table .btn-icon {
    display: inline-block;
    margin: 0 0.1em;
}
.tickets-table img {
    vertical-align: middle;
}

@media screen and (max-width: 920px){
	#content{
		font-size: 75%;
	}
	
}
@media screen and (max-width: 700px){
	#admin #mitglieder td:nth-child(7),
	#admin #mitglieder th:nth-child(7)
	{
		display:none
	}
	/* Für mehr Infos Bildschirm drehen Code */
	#admin small{
		display:block;
	}
	#admin #mitglieder,
	#admin th,
	#admin td{
		padding-left:0em;
		padding-right:0em;
		text-align: center;
	}
	.auswahl{
		width: 28%;
	}
	.gallery{
		padding:4px;
	}	
	.Bild{
		height:6em;
		width:auto;
		padding: 0em;
	}
	.stats TABLE TD{
	padding-left:0.3em;
	padding-right:0.3em;
	}
	.left700
	{
		text-align:left;
	}
}

@media screen and (max-width: 600px) {
	body{
		background-color:#000000;
		margin:0em;
	}
	body::after {
		
		background-image: none;   
	}
	header{
		border-top: 4px solid #cf000f;
		border-bottom: 4px solid #cf000f;
	}
	
	#content{
		width:100%;
		border-left: 0em;
		border-right: 0em;
	}
	.non600
	{
		display:none;
	}
	#Article{
		text-align: justify;
	}
	.unterstrich{
		border-top: 4px solid #cf000f;
		width: auto;
	}
	.flex-container {
		display: block;
	}
	
	.flex-container  .menupunkt {
		display:block
	}
	nav{
		display: none;
		text-align: center;
	}
	
	.mobileMenu{
		display:block;
	}
	
	figcaption{
		font-size:0.9em;
		color: white;
	}
	#GalerieHead th
	{
		width:60%;
	}
	#GalerieHead td:nth-child(1) 
	{
		width:20%;
	}
	#saison{
		font-size:1.6em;
	}
	#event{
		font-size:1.1em;
	}
	
	
	.checkbox .checkmark:after {
		border-width: 0 2px 2px 0;
		
	}
}

@media screen and (max-width: 510px){
	#admin #mitglieder td:nth-child(6),
	#admin #mitglieder th:nth-child(6),
	#admin #mitglieder td:nth-child(8),
	#admin #mitglieder th:nth-child(8)
	{
		display:none
	}
	.gallery img:hover{
		transform: none;
		transition:none;
	}
	.album{
		width:45%;
	}
}

@media screen and (max-width: 400px){
	#admin #mitglieder td:nth-child(2),
	#admin #mitglieder th:nth-child(2)
	{
		display:none;
	}
	#Det #Det_unter .mehrDet td:nth-child(2)
	{
		display:flex;
	}
	#navadmin{
		font-size: 1.3em;
	}
	.auswahl{
		width: 43%;
	}
	.non400
	{
		display:none;
	}
	#admin #fahrten th:nth-child(5),
	#admin #fahrten td:nth-child(5),
	#admin #fahrten th:nth-child(4),
	#admin #fahrten td:nth-child(4)
	{
		display:none;
	}
	.statToggle{
		padding-left: 0.2em;
	}
}
@media screen and (max-width: 340px){
	#Det_unter{
		border:none;
	}
	#admin #fahrten th:nth-child(3),
	#admin #fahrten td:nth-child(3)
	{
		display:none;
	}
	.auswahl{
		width: 60%;
	}
	.stats #tabRang td:nth-child(6),
	.stats #tabRang td:nth-child(7),
	.stats #tabRang td:nth-child(8),
	.stats #tabRang th:nth-child(6),
	.stats #tabRang th:nth-child(7),
	.stats #tabRang th:nth-child(8)
	{
		
		display: none;
	}
}
@media screen and (max-width: 310px){
	.auswahl{
		width: 60%;
	}
}