.gruppe			{
	background-color: transparent;
	color: #fff;
	padding: .8rem;
}
.gruppe-skygge	{
	background-color: transparent;
	z-index: -1;
	padding: .8rem;
	margin-bottom: -50px;
}
.modal-grid		{
	display: grid;
	gap: .3rem;
	padding-bottom: 1.2rem;
}

.boxer > div		{
	min-height: 183px;
	margin-bottom: 1.4rem;
}
.thumb-info-title	{
	background-color: rgba( 0 0 0 / .6 );
}

@media screen and ( min-width: 1000px ) {
	.modal-grid		{
		grid-template-columns: repeat( 4, 25% );
	}
	.gruppe			{
		background-image: linear-gradient( 125deg, rgb( 57 116 97 ) 50%, rgb( 255 255 255 / .1 ) 50% );
	}
	.gruppe-skygge	{
		background-image: linear-gradient( 125deg, rgb( 115 192 169 ) 50.5%, transparent 50.5% );
	}
}
@media screen and ( min-width: 600px ) and ( max-width: 999px ) {
	.modal-grid		{
		grid-template-columns: repeat( 3, 33% );
	}
	.gruppe			{
		background-image: linear-gradient( 125deg, rgb( 57 116 97 ) 60%, rgb( 255 255 255 / .1 ) 60% );
	}
	.gruppe-skygge	{
		background-image: linear-gradient( 125deg, rgb( 115 192 169 ) 60.5%, transparent 60.5% );
	}
}
@media screen and ( max-width: 599px ) {
	.modal-grid		{
		grid-template-columns: repeat( 2, 50% );
	}
	.gruppe			{
		background-image: linear-gradient( 125deg, rgb( 57 116 97 ) 70%, rgb( 255 255 255 / .1 ) 70% );
	}
	.gruppe-skygge	{
		background-image: linear-gradient( 125deg, rgb( 115 192 169 ) 70.5%, transparent 70.5% );
	}
}

.grid-item		{
	padding-left: .5rem;
}
.grid-item input[type="checkbox"], .grid-item label	{
	display: inline-block;
    vertical-align: middle;
}
.grid-item input[type="checkbox"]	{
	float: left;
	margin: .5rem;
}