/* Erklärungen zu Fachwörtern. Farben aus dem Designsystem. */
.kgv-tip { position: relative; display: inline-block; vertical-align: middle; }
.kgv-tip__btn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 24px; height: 24px; margin: 0 0 0 4px; padding: 0;
	border: 1.5px solid var(--kgv-forest, #1F4A2C); border-radius: 50%;
	background: var(--kgv-white, #fff); color: var(--kgv-heading, var(--kgv-forest, #1F4A2C));
	font: 700 14px/1 "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	cursor: pointer; text-transform: none; letter-spacing: 0;
}
.kgv-tip__btn::after { content: ""; position: absolute; inset: -10px; } /* größere Fläche zum Antippen */
.kgv-tip__btn:hover, .kgv-tip__btn[aria-expanded="true"] { background: var(--kgv-forest, #1F4A2C); color: var(--kgv-on-dark, #fff); }
.kgv-tip__btn:focus-visible { outline: 3px solid var(--kgv-earth, #A4561E); outline-offset: 2px; }
.kgv-tip__text {
	position: fixed; z-index: 100000; top: 0; left: 0;
	width: max-content; max-width: min(340px, 80vw); padding: 12px 14px;
	border: 1px solid var(--kgv-line, #D9DFCF); border-radius: 10px;
	background: var(--kgv-surface, #FFFDF6); color: var(--kgv-text, #1D2A20); box-shadow: 0 6px 20px rgba(29, 42, 32, .18);
	font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 15.5px; font-weight: 400; line-height: 1.45; text-align: left; text-transform: none; letter-spacing: 0; white-space: normal;
}
.kgv-tip__text[hidden] { display: none; }
.kgv-tip__text strong { color: var(--kgv-heading, var(--kgv-forest, #1F4A2C)); }
.kgv-tip .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media print { .kgv-tip { display: none !important; } }
