*{
	box-sizing: border-box;
}

body {
	background-color: black; 
	color: white; 
	/*font-family: Comic Sans MS, arial;*/
	font-family: 'Comic Sans MS','Chalkboard SE','Comic Neue',Arial,sans-serif !important;
}

header {
	text-align: center;
	width: 100%;
	border-bottom: 5px solid white;
}

h1 {
	text-align: center;
}

h2 {
	font-size: 300%;
}

p {
	text-align: left;
	margin: 5px;
}

a {
	font-size: 150%;
	color: #FA5882;
}

table {
	margin-bottom: 20px;
    border-collapse: collapse;
}

table th {
    border: solid 1px white;
    background-color: black;
}

table tr, table td {
    text-align: center;
    border: solid 1px black;
}

table .version {
    min-width: 80px;
}

table .datum {
    min-width: 100px;
}

a:hover {
	color: red;
}

.content {
	width: 70%;
	text-align: center;
	margin: auto;
	background-color: #585858;
	border: 2px solid white;
	border-radius: 20px;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-bottom: 1%;
}

.adminlogin {
	float: right;
	margin-right: 15%;
}

.clear {
	clear: both;
}

li {
	justify-content: center; 
	list-style: none;
}

details {
	margin-top: 3%;
	border: 2px solid white;
	border-radius: 10px;
	margin-left: 1%;
	margin-right: 1%;
}

.game {
	border-bottom: 2px dashed white;
	padding-bottom: 4%;
	margin-bottom: 4%;
}

.klein {
	font-size: 100%;
}

.scoreEntry {
	border-top: 1px dashed white;
}

ul {
	padding-left: 5%;
	padding-right: 5%;
}

.homeicon {
	margin-left: 15%;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 4%;
}

.copy {
	font-family: arial;
}


/* Media Query für Handys */
@media (max-width: 768px) { 
	.content {
		text-align: center;
		margin: auto;
		width: 95%;
		background-color: #585858;
		border: 2px solid white;
		border-radius: 20px;
		margin-top: 2%;
		margin-bottom: 2%;
		padding-bottom: 1%;
	}
	
	.homeicon {
		margin-left: 2%;
		margin-top: 1%;
		width: 10%;
	}

	.adminlogin {
		margin-right: 2%;
	}
}