/* === welcome screen === */
.welcome-screen {
	background:		rgba(255,255,255,0.95);
}

/* === logo === */
#logo {
	width: 		20vw;
	max-width:  250px;
	position:	absolute;
	right: 		-20px;
	top: 		0px;
}

/* === map === */
#map-frame {
	width: 		50vh;
	height: 	50vh;
}
#map-frame.big {
	width: 		33vw;
	height: 	calc(100vh - 20px);
}

/* === rooms === */
#rooms-panel {
	max-width:		1000px;
}
#rooms-panel.open {
	height:			420px;	
}

/* === seatings === */
#seatings-panel {
	max-width:		800px;
}
#seatings-panel.open {
	height:			560px;	
}


/* === 3D Szene === */
canvas {
	filter: none;
}
canvas.enhanced {
	filter: brightness(1.15) contrast(1.2) saturate(0.9);
}