/*** TVE 6.0 ***/
/* Von Alle.css abweichende Festlegungen für die Abteilungsseite */
/*** ***/

/* main besteht aus einem arcticle pro Abteilung */
main
{
}

article
{
	width: 100%; box-sizing: border-box;
	margin-bottom: var(--marginStandard);
}

article:last-of-type
{
	margin-bottom: 0;
}

article section:last-of-type /* Infos zur Abteilung */
{
	
}

section > div:first-of-type /* Sportangebot */
{
	
}

article > div:last-of-type /* Infos zu einer Person oder mehreren Personen*/
{

}

div.VKarte /* falls es mehr als eine Visitenkarte gibt */
{
	margin-top: var(--marginStandard);
}

div > div.VKarte:first-of-type /* die erste Visitenkarte benötigt keinen oberen Abstand */
{
	margin-top: 0;
}

@media all and (min-width: 40em) /* mittlere Viewports */
{
	article section:last-of-type /* Infos zur Abteilung */
	{
		display: grid; /* waagerechte Aufteilung des Sportangebots und der Visitenkarte */
		grid-template-columns: 1fr min-content;
	}
	
	section > div:first-of-type /* Sportangebot */
	{
		padding-right: var(--paddingStandard);
	}

}

@media all and (min-width: 60em) /* große Viewports */
{
	main
	{
		display: grid; gap: 0.5em; /* je zwei Abteilungen werden nebeneinander dargestellt */
		grid-template-columns: 1fr 1fr;
	}
	
	article
	{
		margin-bottom: 0;
	}

}