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

main > * /* die div und article in main nutzen die volle Breite */
{
	width: 100%; box-sizing: border-box;
	margin-bottom: var(--marginStandard);
}

/* herausnehmen, wenn Termine fehlt und Aktuelles die volle Breite bekommen soll */
@media all and (min-width: 60em) /* große Viewports: Aktuelles und Termine stehen nebeneinander */
{
	main
	{
		display: grid; gap: var(--marginStandard);
		grid-template-columns: 1fr 1fr;
	}
	
	main > *
	{
		margin-bottom: 0;
	}
	
	article.Sportangebot
	{
		grid-column: 1/-1;
	}

	article.Sponsoren
	{
		grid-column: 1/-1;
	}
}

/*** Aktuelles ***/
/*** ***/
article.Aktuelles section:last-of-type > ul
{
	padding-left: 0;
	list-style-type: none;
}

article.Aktuelles section:last-of-type > ul > li
{
	margin-bottom: 1em;
	border-bottom: solid 0.1em lightgrey;
}

article.Aktuelles section:last-of-type > ul > li:last-of-type
{
	margin-bottom: 0;
	border-bottom: none;
}

article.Aktuelles section:last-of-type > ul > li > p:first-of-type
{
	font-size: 1.1em; font-weight: bold;
}

/*** Termine ***/
/*** ***/
article.Termine section:last-of-type > ul
{
	padding-left: 0;
	list-style-type: none;
}

article.Termine section:last-of-type > ul > li
{
	margin-bottom: 1em;
	border-bottom: solid 0.1em lightgrey;
}

article.Termine section:last-of-type > ul > li:last-of-type
{
	margin-bottom: 0;
	border-bottom: none;
}

article.Termine span.Datum
{
	font-size: 1.1em; font-weight: bold; 
}

article.Termine span.Uhrzeit
{
	font-weight: bold; 
}

/*** Sportangebot ***/
/*** ***/
article.Sportangebot section:last-of-type
{
	display: flex; flex-flow: row wrap; justify-content: space-between;
	padding: 0;
	text-align: center;
}

article.Sportangebot p
{
	height: 10em; aspect-ratio: 1/1;
	border-radius: 1em;
	margin: 0.5em;
	text-align: center; line-height: 18em;
	font-size: 1.2em; color: white; font-weight: bold; text-decoration: none;
}

article.Sportangebot a
{
	text-decoration: none;
}

p.Leichtathletik
{
	background-image: url(Grafik/Home/Leichtathletik.jpg); background-size: contain;
}

p.Turnen
{
	background-image: url(Grafik/Home/Turnen.jpg); background-size: contain;
}

p.Taekwondo
{
	background-image: url(Grafik/Home/Taekwondo.jpg); background-size: contain;
}

p.Gymnastik
{
	background-image: url(Grafik/Home/Gymnastik.jpg); background-size: contain;
}

p.Kindersport
{
	background-image: url(Grafik/Home/Kindersport.jpg); background-size: contain;
}

p.Fitness
{
	background-image: url(Grafik/Home/Fitness.jpg); background-size: contain;
}

p.Ballsport
{
	background-image: url(Grafik/Home/Ballsport.jpg); background-size: contain;
}

p.Tanzen
{
	background-image: url(Grafik/Home/Tanzen.jpg); background-size: contain;
}

/*** Zusatzinfos ***/
/*** ***/
.hidden /* wird durch die anzeigen-Aktion angezeigt */
{
	border-top: dotted 0.1em lightgrey;
	margin-bottom: 0.5em; margin-top: 0.2em;
	padding-bottom: 0.5em; padding-top: 0.5em;
}	

/*** Sponsoren ***/
/*** ***/

article.Sponsoren section:last-of-type
{
	display: flex; flex-flow: row wrap; justify-content: space-around;
}


div.Popover /* wird durch button.showPopover angezeigt, wird durch button.hidePopover versteckt */
{
	border: var(--borderStandard);
	width: 90%; max-width: 40em; max-height: 90%;
	overflow-y: scroll;
}

table.horizontal th, td
{
	border: var(--borderStandard);
}