/*** TVE 6.0 ***/
/* Von Alle.css abweichende Festlegungen für die Kontaktseite */
/*** ***/

/* main besteht aus drei article, die ersten beiden werden bei größeren Viewports nebeneinander dargestellt */
main
{
	display: grid; gap: 0.5em;
	grid-template-columns: 1fr; /* eine Spalte */
}

article:first-of-type
{

}

article:nth-of-type(2)
{

}

article:nth-of-type(2) img /* Bild des Briefkastens */
{
	width: 10%; 
}

article:last-of-type
{

}

@media all and (min-width: 60em) /* große Viewports */
{
	main
	{
		display: grid; gap: 0.5em;
		grid-template-columns: 1fr 1fr; /* zwei Spalten */
	}
	
	article:nth-of-type(2) img /* Bild des Briefkastens */
	{
		width: 15%; 
	}
	
	article:last-of-type
	{
		grid-column: 1/-1;
	}
}