.pixNav {
  --bg-color: transparent;
  --font-color: var(--font-color-light, #ffffff);   /* Schriftfarbe im Menü*/
  --hover-color: var(--logo-color-2, #ffffff);  /* Hover Linkfarbe im Menü*/
  --h1-color: var(--font-color-light);
  --h2-color: var(--logo-color-1);
  --h3-color: var(--logo-color-1);
  --num-cols: 4;
  --gap-width: 20px;
  --top-margin: 10px;
  --bottom-margin: 10px;
  --element-radius: var(--border-radius, 10px);
  --button-radius: var(--border-radius-small, 5px);
}
.pixNav.flexwidth .item { 
	box-shadow: none;
	position: relative;
	}
.pixNav.flexwidth .item .text { text-align: right; background-color: rgba( var(--logo-color-2-rgb), 0.9);}
.pixNav.flexwidth .item .text .titel { text-transform: initial; }
.pixNav.flexwidth .item .text p { color: var(--font-color); }


.pixNav.flexwidth .item::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	transition: opacity 500ms ease;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70% auto;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='6600 13700 2700 2300'><polygon fill='white' fill-opacity='0.08' points='6780.81,13801.73 6694.81,14497.58 6942.14,14497.58 7006.17,13979.07 8215.03,13979.07 7978.32,15523.74 8744.16,15523.74 9014.46,13801.73'/><polygon fill='white' fill-opacity='0.08' points='7159.81,14255.49 6889.58,15977.44 7655.46,15977.44 9123.2,15977.44 9209.2,15281.65 8961.83,15281.65 8897.84,15800.13 7688.98,15800.13 7925.66,14255.49'/></svg>");
}

.pixNav.flexwidth .item:hover::after {
	opacity: 1;
}