/* BG */

	body.is-preload #bg:before {
		background-color: transparent;
	}

/* Header */

	body.is-preload #header {
		-moz-filter: none;
		-webkit-filter: none;
		-ms-filter: none;
		filter: none;
	}

		body.is-preload #header > * {
			opacity: 1;
		}

		body.is-preload #header .content .inner {
			max-height: none;
			padding: 3rem 2rem;
			opacity: 1;
		}

/* Main */

	#main article {
		opacity: 1;
		margin: 4rem 0 0 0;
	}

/* language switcher */
	#lang-switcher {
	position: absolute;
	top: 15px; /* Adjusted position slightly */
	right: 15px;
	z-index: 1001; /* Ensure it's above other header elements */
	}
	#lang-switcher button {
	background: rgba(0, 0, 0, 0.2); /* Slightly darker background */
	border: 1px solid rgba(255, 255, 255, 0.5); /* Softer border */
	color: white;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
	border-radius: 3px; /* Added slight rounding */
	}
	#lang-switcher button.active {
	opacity: 1;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.2);
	border-color: white; /* Stronger border for active */
	}
	#lang-switcher button:hover {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.1); /* Hover effect */
	}
	/* Ensure nav doesn't overlap switcher on smaller screens if needed */
	@media (max-width: 736px) {
		#lang-switcher {
			top: 10px;
			right: 10px;
		}
		#lang-switcher button {
			padding: 3px 6px;
			font-size: 0.8em;
		}
	}