diff --git a/assets/css/main.css b/assets/css/main.css index e3a5717..fe4dbd0 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -208,7 +208,10 @@ header.site-header { gap: .5rem; padding: .4rem 1rem .4rem .55rem; border-radius: 999px; - border: 1px solid color-mix(in srgb, var(--sprach-glut) 55%, rgba(255, 255, 255, .18)); + /* Rand bewusst neutral silbern (wie beim Dropdown-Kasten) statt in der + Sprachfarbe — nur die Kugel + das Glühen dahinter sind bunt, der + Rahmen selbst bleibt für alle Sprachen gleich. */ + border: 1px solid rgba(210, 216, 224, .55); background: rgba(4, 5, 8, .94); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05), @@ -220,7 +223,7 @@ header.site-header { .sprach-schalter > button:hover, .sprach-schalter.open > button { transform: translateY(-1px); - border-color: color-mix(in srgb, var(--sprach-glut) 80%, white 10%); + border-color: rgba(235, 239, 244, .9); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 6px 16px rgba(0, 0, 0, .4),