/*
	GEO menu overrides
	– größerer, klarer Abstand zwischen Menüpunkten (auch bei zweizeiligen Einträgen)
	– dezente Hintergrundbox je Menüpunkt (nicht nur beim Hover)
	– GEO + Sprachschalter (DE | EN) als eine zusammengehörige Box,
	  Sprachschalter kompakt in einer Zeile, näher an GEO als an den übrigen Menüpunkten
	An main.css anhängen oder als eigenes <link> NACH main.css einbinden.
*/

	/* Klarer Abstand zwischen den Menüpunkten + dezenter Hintergrund je Eintrag */
	#menu .links li {
		margin-bottom: 0.5em;
	}

		#menu .links li:last-child {
			margin-bottom: 0;
		}

		#menu .links li a {
			background: rgba(255, 255, 255, 0.06);
			border-radius: 5px;
		}

			#menu .links li a:hover {
				background: rgba(255, 255, 255, 0.16);
			}

	/* GEO + Sprachschalter als eine zusammengehörige Box */
	#menu .links li.menu-group {
		background: rgba(255, 255, 255, 0.06);
		border-radius: 5px;
		overflow: hidden;
		padding-bottom: 0.5em;
	}

		#menu .links li.menu-group > a {
			background: transparent;
			border-radius: 5px 5px 0 0;
			margin-bottom: 0;
		}

			#menu .links li.menu-group > a:hover {
				background: rgba(255, 255, 255, 0.16);
			}

		/* Sprachschalter: DE | EN kompakt in einer Zeile, näher an GEO */
		#menu .links li.menu-group .language-switch {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			gap: 0.5em;
			margin-top: 0.15em;
			padding: 0 0.5em;
		}

			#menu .links li.menu-group .language-switch a {
				background: transparent;
				border-radius: 4px;
				display: inline-block;
				font-family: Raleway, Helvetica, sans-serif;
				font-size: 0.7em;
				font-weight: 200;
				letter-spacing: 0.1em;
				line-height: 1.4em;
				padding: 0.25em 0.65em;
				text-transform: uppercase;
			}

				#menu .links li.menu-group .language-switch a:hover,
				#menu .links li.menu-group .language-switch a[aria-current="page"] {
					background: rgba(255, 255, 255, 0.22);
				}

			#menu .links li.menu-group .language-switch .lang-sep {
				color: rgba(255, 255, 255, 0.35);
				font-size: 0.7em;
			}