/* kgraph.css: */

#kgraph {
	width: 100%;
	height: 100%;
	background-color: #fff;
}

text {
	fill: black;
	font-weight: bold;
	/* Diese Regel kann als Fallback dienen, die spezifischeren Klassen überschreiben sie */
	font-size: 20px; /* Standard-Schriftgröße, z.B. für Level 0 */
	pointer-events: none; /* Wichtig: Text kann nicht geklickt werden, Klicks gehen an den Kreis/Link */
}

/* Spezifische Schriftgrößen für Level 1 und Level 2 Texte */
.text-level-0 {
    font-size: 20px; /* Level 0 Text (Root) */
}

.text-level-1 {
    font-size: 17px; /* Schriftgröße für data_1 Texte */
}

.text-level-2 {
    font-size: 12px; /* Schriftgröße für data_2 Texte */
}

a:hover circle {
	stroke: yellow;
	stroke-width: 2px;
}

.node circle {
	transition: filter 0.6s, stroke 0.6s;
}

.node.hovered circle {
	filter: drop-shadow(0 0 25px #00ffff);
	stroke: #00ffff;
	stroke-width: 2.5;
}