/* 
	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: 65%;
	height: 65%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -57%);
}

.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: inline-block;
/*	font-size: 2.9vmin; */
	font-size: 97%;
	font-weight: 400;
	color: rgb(235, 233, 233);
	margin-top: 83%;
	font-variant: small-caps;
}
.line2 {
	display: none;
	font-size: 97%;
	font-weight: 400;
	color: rgb(235, 233, 233);
	margin-top: 83%;
	font-variant: small-caps;
}

@media only screen and (min-width: 980px) {
  .line {
  	display: none;
  }
  .line2 {
  	display: inline-block;
  	margin-top: 80.5%;
  }
}