/* VORGABE VOM ZDF */
html,body {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		min-width:320px;
		min-height:320px;
}

body {
    background-color: #000000;
    vertical-align: middle;
    text-align: center;
    background-image: url('http://www.neo-magazin-royale.de/zdi/images/background_keyvisual.jpg');
}

img {
	max-width:100%;
	max-height:100%;
	border:none;
}
div#organization {
		position: absolute;
		top: 30px;
		left: 30px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    height: auto;
    max-width:1124px;
    text-align:left;
    
}

img.logo {
    height:80px;
    width:75px;
    vertical-align:top;
}

img.logo-zdf {
    height:25px;
    width:94px;
    vertical-align:top;
    margin-top:10px;
    margin-left:10px;
}

div#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin:auto;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-height:594px;
	max-width:950px;
	height:100vh;
	width:177.78vh;
}

div#inner {
		position:relative;
		margin:auto;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
}


div#content {
	background-color:rgba(0,0,0,1);
	background: url("assets/grafik/splash/startscreen_hover.jpg") no-repeat center center;
	background-size: cover;
	color:#cc0000;
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	cursor: auto;
	background: url("assets/grafik/splash/startscreen.jpg") no-repeat center center;
	background-size: cover;

}
div#content:hover {
	background: url("assets/grafik/splash/startscreen_hover.jpg") no-repeat center center;
	background-size: cover;
	cursor: pointer;
}

@media (max-height: 767px)  {
	img.logo-zdf {
		display:none;
	}
	img.logo {
		display:none;
	}
}

@media (max-width: 945px) {
	div#container {
		max-width:none;
		max-height:none;
		height:auto;
		width:100%;
		height:auto;
	}
	div#inner {
		height:auto;
		position:relative;
	}
	div#ratio {
		padding-bottom:56.25%;
		position:static;
	}
	div#content {
		height:100%;
		position:absolute;
		left:0;
		Top:0;
	}
}

@media (max-height: 531px) {
	div#content {
		background-color:rgba(255,255,255,0.5);
		width:100%;
		height:100%;
	}
}







/* GAME ROYALE CSS */


.content{
	background:#000;
}

#canvas{
	background-repeat:no-repeat;
	background:transparent;
	border:0;
	cursor:none;
}

#splash{
	width:100%;
	height:100%;
}

#background{
	display:none;
}<<<<div>div</div>>div</div>>div</div>></div>