/* 
	CSS- Datei: logobox_sub.css
*/
.space {
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

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

.logo {
	width: 100%;
	height: 100%;
	position: absolute;
}

.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; }