:root {
	--body-shadow-color: rgba(0,0,0,0.3);
}

body.neutral {
	background-color: #C3C3C3;
	background-image: url('graphics/neutral/hg_kachel_neutral_300x225.png');
	background-size: 300px 225px;
	background-repeat: repeat;
}

div.bg-image {
	background-image: url('graphics/bg_isar.png');
}

.bg-image {
	top:-80px;
	max-width:calc(1900px * 0.9);
	height:calc(1300px * 0.9);
}
@media (max-width: 940px) {
	.bg-image {
		top:0;
		max-width:calc(1900px * 0.7);
		height:calc(1300px * 0.7);
	}
}
@media (max-width: 680px) {
	.bg-image {
		top:0;
		max-width:calc(1900px * 0.6);
		height:calc(1300px * 0.6);
	}
}
@media (max-width: 550px) {
	.bg-image {
		top:70px;
		max-width:calc(1900px * 0.5);
		height:calc(1300px * 0.5);
	}
}
@media (max-width: 370px) {
	.bg-image {
		top:120px;
		max-width:calc(1900px * 0.4);
		height:calc(1300px * 0.4);
	}
}