*
	{
	box-sizing:border-box;
	}
body
	{
	font-family:verdana;
	background-color:#14121f;
	color:#f2f2f2;
	padding:20px;
	}
h1
	{
	text-align:center;
	font-size:1.7em;
	color:#ffcc4d;
	}
a
	{
	color:#ffcc4d;
	}

/* Kopf, Navigation, Suche */
.kopf
	{
	text-align:center;
	margin-bottom:15px;
	}
.navi
	{
	text-align:center;
	padding:10px;
	}
.suche
	{
	text-align:center;
	padding:10px;
	}

/* Formular und Detailseite: zentrierter Container */
.container
	{
	border:1px solid #555;
	border-radius:5px;
	background-color:#1f1c2e;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}

/* Liste umschliesst die gefloateten Kacheln */
.liste
	{
	overflow:hidden;
	}
/* Eine Spiel-Kachel: 33% breit, float links -> drei pro Reihe */
.kachel
	{
	width:33%;
	float:left;
	border:1px solid #555;
	border-radius:5px;
	background-color:#1f1c2e;
	padding:5px;
	}

.zeile
	{
	border-top:1px solid #555;
	overflow:hidden;
	padding:5px;
	}
.merkmal, .wert
	{
	width:50%;
	float:left;
	}
.eingabefeld
	{
	width:100%;
	}
.scrollbox
	{
	border:1px solid #555;
	overflow:auto;
	height:130px;
	}
.bild
	{
	width:100%;
	height: 180px;px;
	object-fit: cover;
	}

@media screen and (max-width:400px)
	{
	.merkmal, .wert
		{
		width:100%;
		}
	.kachel
		{
		width:100%;
		}
	h1
		{
		font-size:1.2em;
		}
	}