/* 
	CSS- Datei: logobox_sub.css
*/
body {
	position: relative;
}

.space {
	width: 100%;
	height: 100%;
	background-color: gray;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.wrapperbox {
	width: 80%;
	height: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.logo {
	width: 100%;
	height: 100%;
	position: absolute;
/*	transform-style: preserve-3d; */
/*	transition: transform 3s;
/*	transform-origin: 75px 75px -75px; */
}

.posing {
	position: absolute;
}

.brownbox {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(32, 13, 0);
}

.greybox {
	left: 18%;
	top: 18%;
	width: 32%;
	height: 32%;
	background-color: rgb(183, 190, 207)
}

.redbox {
	left: 50%;
	top: 0;
	width: 50%;
	height: 50%;
	background-color: rgb(227, 6, 19)
}

.yellowbox {
	left: 0;
	top: 50%;
	width:	50%;
	height: 50%;
	background-color: rgb(255, 221, 0)
}

.lightgreybox {
	left: 50%;
	top: 50%;
	width: 50%;
	height: 50%;
	background-color: rgb(235, 233, 233)
}

.bluebox {
	left: 68%;
	top: 68%;
	width: 32%;
	height: 32%;
	background-color: rgb(0, 79, 159);
}

.line { display: none; }