Ja gut, werde ich mir morgen anschauen, für heute bin ich fertig, zig Sstunden am PC wegen der website.

Trotzdem aber kann ich immer noch nicht das Icon anklicken, da passiert nichts. Warum ist das so? Alles habe ich so eingesetzt wie in Deinem Beispiel. Es funktioniert einfach nicht.

Achso: --flyout-width: 10em; habe ich im CSS oben in die ROOT-Liste gesetzt.

@charset "UTF-8";

:root { --flyout-width: 10em; }

Ach und:

[aria-expanded] {
		width:45px;
		height: 45px;
		background: transparent;
		color: transparent;
		border: none;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath d='M1,2 h7 M1,5 h7 M1,8 h7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}
	[aria-expanded="true"] {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath d='M2,2 l6,6 M8,2 l-6,6' fill='none' stroke='%23c82f04' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	}

für den Navigationsbotton muss ja auch drin bleiben, im CSS.

Grüße...