:root {
	--navigation-background-color: 1, 52, 112; /* previously: #33448d; */
	--navigation-background-opacity: 0.2;
	--body-background-color: #003068; /* #25367f; */
	--text-color: #f7efff;
	--link-color: #cfbfaf; /* #dfcfaf; */
	--link-color-with-photo: #ffebd8; /* #cfbfaf; */ /* #dfcfaf; */
}

@media screen {
	#decorationBox1 {
		background-color: #00468c; /* #2a3c78; */
		top: 15px;
		left: calc(var(--contentOffsetRight) + 330px);
		width: 470px;
		height: 90%;
	}

	#decorationBox2 {
		background-color: #003d7b; /* #223666; */
		top: 10px;
		left: calc(var(--contentOffsetRight) + 500px);
		width: 200px;
		height: 75%;
	}

	#decorationBox3 {
		background-color: #003f84; /* #243472; */
		top: 60px;
		left: calc(var(--contentOffsetRight) + 225px);
		width: 375px;
		height: 80%;
	}

	#decorationImage {
		left: calc(var(--contentOffsetRight) + 0px);
		background-image: url('../img/7st-t.png');
	}

	#language-navigation .current,
	#content-navigation a.active2 {
		color: #f2e5a2; /* #eab48a; */
	}

	#navigation a.active3 {
		color: #ffe356; /* #ff9f60; */
	}

	#content-navigation a:hover {
		border-bottom-color: #003068;
	}

	#content-navigation a:active {
		color: #ffc056; /* #ff9f60; */
	}

	.searchWord {
		background-color: #60709f;
	}

	#backgroundPhoto {
		background-image: url('../img/bg3.jpg');
		opacity: 0.25;
	}

	#backgroundPhoto ~ #decorationImage {
		display: none;
	}

	.content abbr {
		text-decoration-color: #889fc4;
	}
}