/**************************************
Dateiname:  	doppelkopf.css
Funktion:		Bildschirmstyle für die Doppelkopfseite
Version:        1.1
erstellt:		12.02.2016 
Copyright:		(c) 2016, Deutschland, Marko Westhoff
Änderung:		30.01.2018 Menü und Inhalt für Version 0.92

Hinweise:		
**************************************/

/* Kalibrierung: Abstände auf Nul setzen */
*       {padding: 0; margin: 0;}
html    {overflow-y: scroll;}

/* Abstände nach unten */
p, h2, h3, h4, #login {padding-bottom: 1%;}

/* Wrapper = Grundgerüst ganze Seite */
div#wrapper {   background-color: #E1E7E8;
                border: 4px solid #1B2B32;
				color: black; /* max-width: 800px;  */
				font-size: 1.5em;
                }    

/* Grundeinstellungen Rand */	
main, footer {padding: 2%;}			
div#infozeile, div#grafik, ol {padding-left: 2%;}

#hauptmenu h2, ul {padding-left: 2%; /* padding-bottom: 5px; */}
ul, li {padding-bottom: 1%; padding-top: 1%;}
	
/* Header*/	
header{background-color: #1B2B32}
header h1,header p {width: 300px; display: inline;}
header li {display: inline; list-style-type: none;}			
header p, header h2 {color: #E1E7E8;}
div#infozeile {background-color: #37646F;}
				
table {width: 100%;}
div#infozeile {color: #E1E7E8; font-size: 1.2em; font-weight: bold; 
								padding-bottom: 5px; } 
div#infozeile ul {float: right;}

#kopfbild {
	max-width: 70px;
    float: left;
    margin: 10px 10px 0px 0px;
			}
.linkbutton {
	font-weight: bold;
	display: inline-block;
	background: #E3A723;	
	padding: 5px 10px;
	border: 1px outset gray;
	color: #E1E7E8; text-decoration: none;
	border-radius: 10px;
	}

/* Checkboxen und Erfassung größer */	
input[type=submit]{	padding: 5px; border-radius: 8px;font-weight: bold; margin-left: 2%;}
button {padding: 3px; border-radius: 8px; font-weight: bold;} 

input[type=text], input[type=number], input[type=password], input[type=email]{padding: 5px; margin-left: 2%; /* background-color: red; */}

input[type=checkbox] {
	transform: scale(2); 
	padding: 7px;
	margin: 5px;
	
	}
input[type=checkbox]:checked {background-color: green;}

fieldset {padding: 10px;}
select {font-size: 1.2em; margin-left: 2%;/* background-color: red; */}

/* div#infozeile li {background-color: #E1E7E8 padding: 10px; margin-top: 4px;
					border: 3px solid #1B2B32;}	  */						 
/* p.right {float: right; background-color: red;} */
table td {text-align: center;}	 						

#rechts {text-align: right;}

.flexbox {
    flex-direction: row;
 	justify-content: space-around;
    flex-wrap: wrap;
    /*background-color: lightgrey; */
	display: flex;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}




main {
	/* margin-right: 25%;
	width: 75%; */
}

aside { /* position: absolute;
		right: 0; 
		width: 25%; 
		float:right; */}

/*******************************/
/* Mediaquery für Mobilversion */
/*******************************/
@media screen and (max-width: 380px){
	/* div#wrapper {font-size: 2em;}  */
	header p, header h2 {display: none;}
	input[type=submit]{	padding: 10px; border-radius: 10px;font-weight: bold;}
	button {padding: 5px; border-radius: 10px; font-weight: bold;}
	input[type=text], input[type=number], input[type=password]{padding: 10px; border-radius: 10px; }
	input[type=email]{padding: 5px; }
	input[type=checkbox] {
		transform: scale(2); 
		padding: 7px;
		margin: 5px;
		}
	input[type=checkbox]:checked {
	background-color: green;
		}
	select {font-size: 1.2em;}	
	#navigation, p.mobil {font-size: 1.3em;}
	fieldset {padding: 5px;}
	legend {font-style:italic; font-weight: bold;}
	label {margin-bottom: 5px;}
	
	/* Buttons der Infozeile*/
	.linkbutton {
	font-weight: bold;
	display: inline-block;
	background: #BD322B;
	padding: 8px 16px;
	border: 1px outset gray;
	color: #E1E7E8; text-decoration: none;
	border-radius: 10px;
	}
	.nomobil {display: none;}
	#grafik {display: none;}
	
	#indexmenu li {margin-left: 20px;}
	
	#auswertungstabelle table{display: block;}
	#auswertungstabelle tbody {display: block;}
	#auswertungstabelle tr {display: block;}
	#auswertungstabelle td {display: block;}
	#auswertungstabelle thead {display: none;}
	#auswertungstabelle tr:first-child {
		border-top: 2px solid light#1B2B32;
	}
	#auswertungstabelle tr {
		border-bottom: 2px solid light#1B2B32;
		padding: .1em 1em 1em;
	}
	#auswertungstabelle td:nth-child(1)::before {
		content: "Spiel Nr.: ";
		font-weight: bold;
		font-size: 1.2em;
	}
	#auswertungstabelle td:nth-child(2)::before {
		content: "Spieldatum: ";
	}
	#auswertungstabelle td:nth-child(3)::before {
		content: "Aktion: ";
	}
	#auswertungstabelle td:nth-child(4)::before {
		content: "Spieler: ";
	}
	#auswertungstabelle td:nth-child(5)::before {
		content: "Spielstatus: ";
	}
	#auswertungstabelle td:nth-child(6)::before {
		content: "Spielort: ";
	}
	#grafik img {
    max-width: 100%;
    height: auto;
    display: block;
	}

}

	
/*********************/	
/* Ende Mobilversion */
/*********************/

/* Fußzeile footer */
footer {background-color: #37646F; color: #E1E7E8;}
	div#footer p	{background-color: #E1E7E8 color: black; font-size: 1.2em;
					font-weight: bold;	 padding: 2px; color: white;}				

#footer a {color: white; /* font-size: 1.2em; */}

/*Infozeile oben*/ 
#infozeile a:hover {color: black; background-color: red;}				
#infozeile a:visited {color: #E1E7E8; text-decoration: none;}

a:link { color:#37646F; text-decoration:none; }
div#neueintrag {padding: 5px 5px 5px 25px;}
#neueintrag li {
	/* text-decoration:none; */
	list-style-image: url(plus1.png);}

a:hover { 
	color:#37646F; 
	text-decoration:underline; 
	}
	
/* Listen mit Pfeil */	
.funktion {color: #37646F;}

#navigation {color: #37646F; padding: 5px 5px 5px 25px;}
#navigation li {list-style-image: url(pfeil.png);}
#indexmenu li {list-style-image: url(pfeil.png);}

.knopf {color: red;}
p.fett {color: #1B2B32;}


.schwarz {color: black;}
.rot {color: red;}	


/* Buttons Auswertung Spielinfo/exportieren/löschen */
#spielinfo {font-style: italic;}
#loeschen {color: red; font-weight: bold;}
#exportieren {color: green; font-weight: bold;}

/* Definition Seitenleiste Zeile oder Seite hoch/runter */
nav#seitenleiste    {text-align: right; background-color: #E1E7E8 float: right;}
nav#seitenleiste li button{padding: 5px;}
nav#seitenleiste ul {list-style-type: none;}

h1		{color: #E1E7E8;}

#neueintrag li {text-transform:	text-decoration:none;
				list-style-image: url(plus1.png);}
				
/* Tabellen und Zellen */
table#erfassungpunkte {text-align: center; color: #1B2B32;}
/* table#erfassungpunkte {text-align: center;} */
table#erfassungpunkte p {color: red;}

dt {color: red;}
		
.ergebnisuebersicht {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
    font-family: inherit;
    font-size: 0.95rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.ergebnisuebersicht th,
.ergebnisuebersicht td {
    border: 1px solid #ddd;
    padding: 0.5rem 0.75rem;
    text-align: center;
}

.ergebnisuebersicht th {
    background-color: #2e7d32;
    color: #fff;
    font-weight: 600;
}

.ergebnisuebersicht tr:nth-child(even) {
    background-color: #f5f5f5;
}

.ergebnisuebersicht tr:hover {
    background-color: #e8f5e9;
}

.ergebnisuebersicht td:first-child,
.ergebnisuebersicht th:first-child {
    font-weight: 600;
}
.ergebnisuebersicht td.minus {
    color: #c62828;
    font-weight: 600;
}