main.news
{
	display: grid;
	grid-gap: 5vw 5vw;
	grid-template-rows: auto;
	grid-template-areas: "item item";
	justify-items: start;
	align-items: start;
}

main.news > div
{
/*
	width: 100%;
	padding-bottom: 56.25%;
*/
	position: relative;
	/*background-size: cover; */
	/* height: 21vw; */
	min-height: 21vw;
	/* width: 37.5vw; */
	width: 100%;
	padding-left: 2vw;
	box-sizing: border-box;


	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	align-content: flex-end;
	/* padding-top: 2vw; */
}

main.news > div > span,
main.news > div > div.sourceforgebg,
main.news > div > div.gallerybg
{
	position: absolute;
	background-repeat: no-repeat;
/*	background-size: contain;
 } */

/* :first-child */
/* main.news > div > span:first-child
{ */

	background-position: left top;
	background-repeat: no-repeat;
	width: 95%;
	/* height: 800px; */
	left: 0px;
	top: 0px;

	/*padding-bottom: 50.625%;
	padding-bottom: 56.25%;*/
	/* padding-bottom: 51.25%; */
	bottom: 7.5%;
	background-size: cover;
}

main.news > div > div.sourceforgebg
{
	max-width: 100%;
	overflow: hidden;
/*	border-right: 2px solid rgb(51, 51, 51); */
	box-sizing: border-box;
}

main.news > div > div.gallerybg
{
	display: grid;
}

main.news > div > div.gallerybg.numimages1
{
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

main.news > div > div.gallerybg.numimages2
{
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1fr;
}


main.news > div > div.gallerybg.numimages3,
main.news > div > div.gallerybg.numimages4
{
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

main.news > div > div.gallerybg.numimages5
{
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

main.news > div > div.gallerybg.numimages6
{
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
}

main.news > div > div.gallerybg.numimages2 > *:nth-child(2),
main.news > div > div.gallerybg.numimages4 > *:nth-child(2)
{
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

main.news > div > div.gallerybg.numimages3 > *:nth-child(2)
{
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

main.news > div > div.gallerybg.numimages5 > *:nth-child(2)
{
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}

main.news > div > div.gallerybg > span
{
	background-size: cover!important;
	background-repeat: no-repeat!important;
}

main.news > div > div.txtoverlay
{
	border: 1px solid #808080;
	background-color: #ffffff;
	/*
	position: absolute;
	right: 0px;
	bottom: 0px;
	*/
	z-index: 1;
	
	width: 90%;
	min-width: 90%;
	max-width: 90%;
	padding: 0px 4mm;
	text-align: left;

	max-height: 17vw;
	overflow-y: auto;
}

main.news > div > div.txtoverlay > ul:last-child,
main.news > div > div.txtoverlay > span:last-child
{
	display: inline-block;
	margin-bottom: 2mm;
}

main.news > div > div.txtoverlay h4
{
	margin: 2mm 0px;
/*	margin-bottom: 2mm; */
}

main.news > div > div.txtoverlay ul
{
	margin: 0px;
	list-style: square;
}





@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
	main.news
	{
		display: flex;
		flex-wrap: wrap;
	}

	main.news > div
	{
		width: 50%;
		margin-bottom: 2.5vw;
	}
	
	main.news > div:last-child
	{
		padding-bottom: 0px;
	}

	main.news > div:nth-child(2n+1)
	{
		padding-right: 5vw;
	}
}

@media (max-width: 30cm)
{
	main.news > div
	{
		/* width: 45.5vw; */
		
		min-height: 25.6vw;
	}
}

@media (max-width: 25cm) /* 20 */
{
	main.news
	{
		grid-template-areas: "item";
	}

	main.news > div
	{
		min-height: 33vw;
		max-height: 75vh;
	}

	main.news > div > div.txtoverlay
	{
		max-height: 43.5vw;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 20cm)
{
	main.news
	{
		flex-wrap: initial;
	}

	main.news > div
	{
		width: 100%;
		padding-bottom: 2.5vw;
	}

	main.news > div:nth-child(2n+1)
	{
		padding-right: 0px;
	}
}

@media (max-width: 12.5cm)
{
	main.news > div
	{
		width: 94vw;
	}
}






main.news > div > div.sourceforgebg
{
	background-color: rgb(51, 51, 51);
	color: #fff;
/*	display: flex;
	flex-direction: column; */
	padding-left: 16px;
	font-family: "Lato",sans-serif;
	font-weight: 700;
	cursor: default;
	user-select: none;
/*	opacity: 50%; */
	filter: contrast(75%) brightness(75%);
}

main.news > div > div.sourceforgebg > *
{
	width: 1024px;
}

main.news > div > div.sourceforgebg > div.sftopline
{
	/* height: 46px; */
	height: 36px;
	margin: 5px 0px;
/*	background-image: url('sourceforge_logo_dark.svg');
	background-size: contain;
	background-repeat: no-repeat; */
	background-position: left center;
}

main.news > div > div.sourceforgebg > div.sfmenuline
{
	display: flex;
	background-color: #f60;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
}

main.news > div > div.sourceforgebg > div.sfmenuline > span
{
/*	display: inline-block; */
	border-right: 1px solid #f30;
	padding: 0px 15px;
	height: 40px;
	white-space: nowrap;
/*
	min-width: 80px;
	max-width: 120px;
	max-width: 12em;
*/
	min-width: 120px;
	text-align: center;

	display: inline-flex;
	align-items: center;
}

main.news > div > div.sourceforgebg > div.sfmenuline > span.sfmorespace
{
/*	padding: 0px 55px; */
}

main.news > div > div.sourceforgebg > div.sfmenuline > span:first-child
{
	border-left: 1px solid #f30;
}

main.news > div > div.sourceforgebg > div.sfbrdcline
{
	font-size: 12px;
	padding: 12px 0px;
}

main.news > div > div.sourceforgebg > div.sfprogdata
{
	display: flex;
/*	width: 1024px;
	padding-right: 1px; */
/*	width: initial; */
/*
	width: initial;
*/
	overflow: hidden;
	max-width: 100%;
/*	padding-right: 2px; */
	border-right: 2px solid rgb(51, 51, 51);;
	box-sizing: border-box;
}

main.news > div > div.sourceforgebg > div.sfprogdata > div
{
	width: 1024px;
	min-width: 1024px;
/*
	width: 1024px;
*/
}

/*
main.news > div > div.sorgebg > div.sfprogdata > div
{
	display: flex;
}
*/

main.news > div > div.sourceforgebg > div.sfprogdata > img
{
	width: 100px;
	min-width: 100px;
	height: 100px;
	margin-right: 16px;
	box-sizing: border-box;

	background-color: #fff;
	padding: 5px;
}

main.news > div > div.sourceforgebg > div.sfprogdata > img.noimage
{
	background-color: #ccc;
}

main.news > div > div.sourceforgebg > div.sfprogdata > div > span
{
	display: block;
}

main.news > div > div.sourceforgebg > div.sfprogdata > div > span.sfcaption
{
	font-size: 48px;
}

main.news > div > div.sourceforgebg > div.sfprogdata > div > span.sfdescription
{
	font-size: 16px;
}

main.news > div > div.sourceforgebg > div.sfprogdata > div > span.sfsecline
{
	font-size: 16px;
}

main.news > div > div.sourceforgebg span.sflink
{
	color: rgb(0,170.34,221.34);
}

main.news > div > div.sourceforgebg span.sfstate
{
	padding-right: 22px;
}

main.news > div > div.sourceforgebg span.sfstate span.sfbeta
{
	color: #fc0;
}