:root {
	--navigation-background-color: 1, 52, 112; /* previously: #33448d; */
	--navigation-background-opacity: 0.5;
	--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%;
		opacity: 0.5;
	}

	.photo-background #decorationBox1 {
		background-color: #00264d; /* #00468c; */ /* #2a3c78; */
	}

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

	.photo-background #decorationBox2 {
		background-color: #00254a; /* #003d7b; */ /* #223666; */
	}

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

	.photo-background #decorationBox3 {
		background-color: #00234a; /* #003f84; */ /* #243472; */
		z-index: 3;
		opacity: 0.333;
	}

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

	#navigationBackground {
		z-index: 1;
	}

	#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/bg2.jpg');
		opacity: 0.25;
	}

	#backgroundPhoto1 {
		background-image: url('../img/bg2_1.png');
	}

	#backgroundPhoto2 {
		background-image: url('../img/bg2_2.png');
		opacity: 0.667;
	}

	#backgroundPhoto ~ #decorationImage {
		display: none;
	}

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