.NavBoxIcons  {
	--element-radius: var(--border-radius, 10px);
	--button-radius: var(--border-radius-small, 5px);
}

.NavBoxIcons .item {
	color: var(--logo-color-1);
	padding: 10px;
	box-sizing: border-box;
	border-radius: var(--element-radius);
}
.NavBoxIcons .item:hover {
	text-decoration: none;
}
.NavBoxIcons .item a:not(.Link):hover {
	text-decoration: none;
}
.NavBoxIcons .Titel, .NavBoxIcons .Beschreibung {
	color: var(--font-color-light);
}

.NavBoxIcons .Titel {
	font-size: 1.4em;
	font-weight: 600;
	
}
.NavBoxIcons .Beschreibung {
	font-size: 0.8em;
		font-weight: 400;
	
}
.NavBoxIcons .Image img {
	max-width: 100%;
}
.NavBoxIcons .Link:after {
	content: '›';
	font-size: 32px;
	margin-left: 10px;
	position: absolute;
	top: 0;
	line-height: 50%;
}
.NavBoxIcons .Link:hover:after {
	text-decoration: none;
}

.NavBoxIcons.epz4 .item { width: 23.5%; }
.NavBoxIcons.epz3 .item,
.NavBoxIcons.epz4.rest3 .item:nth-of-type(-n+3) { width: 30%; }
.NavBoxIcons.epz4.rest2 .item:nth-of-type(-n+2),
.NavBoxIcons.epz3.rest2 .item:nth-of-type(-n+2) { width: 49%; }
@media all and (width: 800px) {
	.NavBoxIcons.epz4 .item { width: 30%; }
	.NavBoxIcons .item .overlay h2 {padding: 5% 5% 0;}
}
@media all and (width: 1024px) {
	.NavBoxIcons.epz4 .item,
	.NavBoxIcons.epz4.rest3 .item,
	.NavBoxIcons.epz4.rest3 .item:nth-of-type(-n+3),
	.NavBoxIcons.epz4.rest2 .item,
	.NavBoxIcons.epz4.rest1 .item,
	.NavBoxIcons.epz3 .item {width: 48%;}
}
@media all and (width: 600px) {
	.NavBoxIcons.epz4 .item,
	.NavBoxIcons.epz4.rest3 .item,
	.NavBoxIcons.epz4.rest3 .item:nth-of-type(-n+3),
	.NavBoxIcons.epz4.rest2 .item,
	.NavBoxIcons.epz4.rest1 .item,
	.NavBoxIcons.epz3 .item {width: 100%;}
}