:root {
	--navigation-background-color: 80, 4, 8;
	--navigation-background-opacity: 0.333;
	--body-background-color: #400000;
	--text-color: #f7efff; /* #dfbfbf; */
	--link-color: #cfbfaf; /* #bfaf9f; */
	--link-color-with-photo: #ffebd8; /* #cfbfaf; */ /* #dfcfaf; */
}

@media screen {
	#decorationBox1 {
		background-color: #480806;
		top: 120px;
		left: calc(var(--contentOffsetRight) + 350px);
		width: 400px;
		height: 90%;
	}

	#decorationBox2 {
		background-color: #3b0402;
		top: 150px;
		left: calc(var(--contentOffsetRight) + 300px);
		width: 400px;
		height: 70%;
	}

	#decorationBox3 {
		background-color: #4c0200;
		top: 90px;
		left: calc(var(--contentOffsetRight) + 222px);
		width: 435px;
		height: 70%;
	}

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

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

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

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

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

	.searchWord {
		background-color: #9f6060;
	}

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

	#backgroundPhoto ~ #decorationImage {
		display: none;
	}

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