#gridlayout
{
}
/* =================================================
/* Strukturelemente */
/* ================================================== */

#gridlayout .container
{
	display: grid;
    /* Spalten */
     grid-template-columns: repeat(10, 1fr); 
    /* Zeilen */
	grid-template-rows: auto;
	border:0px solid red;
}
#gridlayout .container header
{ 
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	margin-bottom: 3em;
} 	
#gridlayout .container aside
{ 
	/*background: silver; */
	/* width:auto; */
	/*height:auto;*/
	grid-column: 1 / 4;
	grid-row: 2 / -1;
} 	
#gridlayout .container article
{ 
	margin-top: 0em;
	/*background:skyblue; */
	/* width:auto; */
	/*height:auto;*/
	grid-column: 4 / -1;
	grid-row: 2 / -1;
}
#gridlayout .container footer 
{
	height:auto;
	border: 0px solid gray;
	color: black;
	background:aqua; 
	grid-column: 1 / -1;
	grid-row:10;
	padding: 0em;
}
	
/* =================================================
/*  */
/* ================================================== */
#gridlayout .aside1
{ 
} 	
#gridlayout .aside2
{ 
} 	
#gridlayout .article1
{ 
	/*background:silver;*/
	border: 0px solid red;
}
#gridlayout .article2
{ 
	background:grey;
	border: 0px solid red;
}
#gridlayout .spiel_ws{
	margin: 0em;
	padding: 1em 0;
	color: white;	
	background-color: #00BFFF; /*deepskyblue*/
	border: 0px solid red;
	text-align: left;	
}
#gridlayout .spiel_ye{
	margin: 0em;
	color: black;	
	background-color: #00BFFF; /*deepskyblue*/
	border: 0px solid red;
	text-align: center;	
}
#gridlayout .spiel_ye2{
	margin: 0em;
	padding: 1em 0;
	color: black;	
	background-color: #00BFFF; /*deepskyblue*/
	border: 0px solid red;
	text-align: center;	
}
#gridlayout .spiel_ge{
	padding: 1em;
	color: yellow;	
	background-color:green;
}
#gridlayout .spiel_gez{
	padding: 1em;
	color: yellow;	
	background-color:green;
	border: 0px solid red;
	text-align: center;	
}
#gridlayout .spiel_sw{
	margin: 0em;
	color: yellow;	
	padding: 1em 0;
	background-color: darkblue;
	border: 0px solid red;
	text-align: center;	
}
.gridcaption
{
margin-bottom: 1em;
padding: 0 1em;
font-size: 0.6em;
color: darkblue;
background-color:none;	
}
/* =================================================
	Abschnitt für PORTRAIT BREITE --> 900px
	Handy PORTRAIT
================================================== */
@media only screen and (orientation: portrait) and (max-width: 1050px)
{
	#wrapper
	{/* Einstellung PORTRAIT BREITE --> 900px */
	}

	#gridlayout .container
	{
		display: grid;
		/* Spalten */
		 grid-template-columns: 1fr; 
		/* Zeilen */
		grid-template-rows: auto;
		/*margin-top: 0em;*/
		/*grid-auto-flow: dense;	*/
	}

	#gridlayout .container header
	{ 
		grid-column: 1 / -1;
		grid-row: 1;
		margin-bottom: 3em;
	} 	

	#gridlayout .container aside
	{ 
		grid-column: 1 / -1;
		grid-row: 2;
	} 	
	#gridlayout .container article
	{ 
		grid-column: 1 / -1;
		grid-row: 3;
	} 	

		#gridlayout .container footer
	{ 
		grid-column: 1 / -1;
		grid-row: 4;
		margin-top: 2em;
	} 	
}