@charset "utf-8";



#page{
min-width:300px !important;
 font-size: 3rem !important;
 background-color:#3A0001 !important; 
 background-image: none !important;
}

.box {
    height: 6em;
}

.cb-slideshow, nav, #IntroWrapper, #buttonbar, #buttonbar1, .btnScreen{
display:none !important;  
}

.main,  header, header a {
    width: 100% !important;
}

#introContent {
top:0 !important;
left:0 !important;
} 

.box {
padding:0 !important;
}

#logo {
    background-position:center !important;
	z-index:1 !important;
	background-size:90% !important;
	top:0 !important;
	height:16rem !important;
	/*background: url(../images/logo_mobil.png) 0 0 no-repeat !important;*/
	background-image: url(../images/logo_mobil.png) !important ;
}

footer {

    padding: 0  !important;
	bottom: 180px;
}
#content {
height:auto !important;
}

#buttons {
float: none !important;
bottom: 0  !important;
max-width: 780px;
margin: 2rem auto !important;
position:relative !important;
z-index:3 !important;
}


.bg1 {
    height: auto !important;
	background:none !important;
}

#buttons a {
    height: 10rem;
    width: 10rem;
    margin: 0 10px;
}

.imgMobil {
	width: 100%;
    height: auto;
	display:block;
	margin:0 auto;
	position:relative;
	bottom: 120px;
	z-index:2;

}
.bannerMobil {
margin-top:1rem;
display: block !important;
bottom: 180px;
position: relative;
}

.bannerMobil h1, .bannerMobil h3 {
	text-align:center;
}


.bannerMobil h1 {
    font-size: 5rem;
    margin-bottom: 3rem;
}



.bannerMobil h3 {
    font-size: 2.5rem;
	line-height: 3rem;
	padding: 0 2rem;
}

#buttons a.btnMobil {
    display:inline-block;
}

#introMobilPlay  {
position: relative;
z-index: 3;
background-image: url(../images/PlayButton.png);
width: 350px;
height: 350px;
display: none;
background-size: contain;
background-repeat: no-repeat;
text-decoration: none;
display: block;
-webkit-transition: background 0.3s ease-out 0s;
-moz-transition: background 0.3s ease-out 0s;
-o-transition: background 0.3s ease-out 0s;
transition: background 0.3s ease-out 0s;
opacity: 0.6;
cursor: pointer;
margin: 0 auto -120px auto;
top: -300px;
}

#introMobilPlay:hover, .MobilPlayBtn:hover   {
opacity: 1;
}

.MobilPlayBtn  {
background-image: url(../images/PlayButton.png);
width: 250px;
height: 350px;
background-size: contain;
background-repeat: no-repeat;
text-decoration: none;
display: inline-block;
-webkit-transition: background 0.3s ease-out 0s;
-moz-transition: background 0.3s ease-out 0s;
-o-transition: background 0.3s ease-out 0s;
transition: background 0.3s ease-out 0s;
opacity: 0.6;
cursor: pointer;
margin: 0px 40px 60px 40px;
}

.MobilPlayBtn  span {
position: relative;
top: 270px;
color: #fff;
line-height: 1.1em;
}

#menuMobil {
    display: block;
    padding-bottom: 1em;
    /* position: absolute; */
    /* bottom: 10px; */
	float:left;
    text-align: center;
    width: 100%;

}
#menu {
display: none;
}