article div:has(> h2):not(:has(> p))  h2,
.jumbo:is(h1,h2) {
	
	line-height: 100%!important;
	font-weight: 300;
	text-wrap:balance;
	display: block!important;
}


/* Standaard: gradient in moderne browsers */
body h2[data-navchar-host="1"] {
  display: inline-block;
  background-image: linear-gradient(130deg, #00aa88 0%, #ffda73 50%, #6f7c78 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


h1:not([data-navchar-host]), h2:not([data-navchar-host])  {
  display: inline-block;
  background-image: linear-gradient(130deg, #00aa88 0%, #ffda73 50%, #6f7c78 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
} 

/* Safari: fallback, tekst altijd zichtbaar */
body[data-browser="safari"] h2[data-navchar-host="1"] {
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: #c5c14c;
}


/* Zorg dat nested spans niet hun eigen kleur forceren */
h2[data-navchar-host="1"] .word,
h2[data-navchar-host="1"] .nav-char { color: inherit; }

h2 {
	padding-bottom: 10px;
}
/* 40-kleurenpalet loopt cyclisch door t/m index 300 */

article ul:not([class]) {
	display: flex;
	flex-direction: column;
	gap:8px;
	padding: 0px;
	list-style: none;
	padding-left: 0px!important;
}
article  ul:not([class]) li {
	position: relative;
	display: block;
	padding: 0px;
	padding-left: 0px;
	list-style: none;
}

article  ul:not([class]) li::before {
	position: absolute;
	left: -15px;
	top:11px;
	content: ' ';
	display: inline-block;
	width: 9px;
	height: 5px;
	background-color: var(--frontcolor_dark,#20a77e);
	border-radius: 5px;
	transition: 0.2s ease all;
}
article  ul:not([class]) li:hover {
	color: var(--frontcolor_dark,#20a77e);
}
article  ul:hover:not([class]) li:not(:hover)::before {
	width: 5px;
	height: 3px;
	top:12px;
	left: -13px;
}
article  ul:not([class]) li:hover::before {
	top:11px;
	width: 11px;
	left: -16px;
	height: 5px;
}

article  ul:not([class]) li[in-viewport] {
	transition:0.5s ease all, 0.6s ease left 0.5s;
}
article  ul:not([class]) li[in-viewport="false"]::before {
	width: 41px;
	left: -156px;
}