/* 
	CSS- Datei: browse.css
*/

#browseWrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	/* 
	kommt faktisch nur bei landscape zu tragen, weil nur dann diese View ermöglicht wird 
	*/
	width: 100vmax;
	height: 100vmin;
	background-color: rgb(32, 13, 0);
	z-index: 201;
}

.space2rotate {
	display: block;
	position: relative;
	width: 98vmin;
	height: 98vmin;
	margin: 1vmin auto;
}

.frame4Pic {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.counterClockWise {
	transform: translate(-50%, -50%) rotate(-90deg);
}

.frame4Pic img {
	width: 92vmin;
	height: auto;
}
.frame4Pic img.squareImg {
	width: 82vmin;
	height: auto;
}
.frame4Pic img.fourThird {
	width: 88vmin;
	height: auto;
}

.frame4Pic img + span {
	color: rgb(255, 221, 0);
}

.goLeftRight {
	display: block;
	position: absolute;
	width: 3vmin;
	height: auto;
	top: 42.5vmin;
	font-size: 12vmin;
	/* color: rgb(255, 221, 0); */
	cursor: pointer;
	z-index: 300;
}

#goLeft {
	left: 2vmin;
}
#goRight {
	right: 2vmin;
}
#close {
	display: block;
	position: absolute;
	right: 2.5vmin;
	top: -1.5vmin;
	width: 4vmin;
	height: auto;
	font-size: 8vmin;
	color: rgb(255, 221, 0);
	cursor: pointer;
	/* transform: rotate(90deg); */
}

@media only screen and (orientation: portrait) {
	#browseWrapper {
		width: 100vmin;
		height: 100vmax;
	}
	.space2rotate {
		/* margin-top: 15vmin; */
		margin-top: calc((100vmax - 98vmin)/2);
	}
}

/*
Die FARBEN
Blau:
0, 79, 159

Rot:
227, 6, 19

Gelb
255, 221, 0

Grau
183, 190, 207

Hellgrau
235, 233, 233

Weiß
246, 246, 246

Filmschwarz
32, 13, 0
*/