html{
	box-sizing: border-box;
 }
body{
	box-sizing: border-box;
}
div{
	box-sizing: border-box;
}
.container{
	box-sizing: border-box;
	width:100vw;
	height:100vh;
	background: url(/bg.jpg) no-repeat center center fixed;
	background-size:100vw 100vh;
 
}
.centerimage  {
	box-sizing: border-box;
	position:relative;
	width:40vw;
	/*height:100vh;*/
	top:43vh;
	/*bottom:0;*/
	left:0;
	right:0;
	margin:auto;
}
.centerimage img{
	box-sizing: border-box;
	max-width:100%;
	max-height:100vh;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	/*transform: scale(0.7);*/
}
.centerimage img.panel{
    z-index: 2;
}
.impressum , .star{
	position:fixed;
}
.star{
	right:50px;
	top:40px;
}
.impressum a.rotate, .star a {
	color:white;
	text-decoration:none;
	font-family:'Open Sans', sans-serif;
	font-weight: 600;
	text-transform:uppercase;
	letter-spacing:3px;
	
}
.impressum a.rotate{
	position:fixed;
	display:block;
	left:-20px;
	bottom:93px;
	transform: rotate(-90deg);	
	font-size:16px;
}

.star a{
	font-family:'Open Sans', sans-serif;
	font-size:30px;
	transform: rotate(-15deg);	
	font-weight: 800;
	position: absolute;
}
.star .content{
	position:fixed;
	right:70px;
	top:42px;
	color:white;
	font-family:'Open Sans', sans-serif;
	font-weight:600;
	line-height:1.4;
}
.impressum .content span{
	font-weight:600;
}
.impressum .content{
	position:fixed;
	left:60px;
	bottom:37px;
	color:white;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	line-height:1.5;
	font-size:14px;
	letter-spacing:0.5px;
}

@media screen and (max-width: 420px   ) {
	.centerimage  {
	width:90vw; 
	}
	.impressum .content{
	   font-size:10px;
	   	left:30px;
	}
	.impressum .content{
	   font-size:8px;
	}
 
	.impressum a.rotate{
	   font-size:9px;
	   bottom:69px;
	   left:-15px;
	   letter-spacing: 2px;
	}
}
@media screen and (max-width: 600px) and (min-width:  421px) {
	.centerimage  {
	width:70vw; 
	}
	.impressum .content{
	   font-size:10px;
	   left:45px;
	}
 	.impressum a.rotate{
	   font-size:12px;
	   bottom:73px;
	}
}
@media screen and (max-width: 900px) and (min-width: 601px ) {
	.centerimage  {
	width:60vw; 
	}
	.impressum .content{
	   font-size:12px;
	}
	.impressum a.rotate{
	   font-size:14px;
	   bottom:83px;
	}
}
@media screen and (min-width: 901px ) {
	.centerimage  {
	width:50vw; 
	}
	 
}