body {
	font-family: 'Assistant','HelveticaNeue-Thin', 'HelveticaNeue', 'Avenir Next Condensed', 'Avenir Next', 'AppleSDGothicNeo-Medium', 'TitilliumMaps26L-250wt', 'TitilliumMaps26L', 'TrebuchetMS', 'Trebuchet MS', 'Arial', 'KohinoorDevanagari-Book ', sans-serif;
    font-size: 2vh; line-height:2vh;  margin:0px; border:none; color:#FFFFFF; font-weight: 200;}
img {margin:0px; border:none;}  
p {position:absolute; bottom:2px; right:3px; font-size:3.7vh; color:#ffffff; line-height:3.7vh; margin:0px; opacity:0.5; cursor:pointer;
	-webkit-transition: all 0.8s; -moz-transition: all 0.8s;	-o-transition: all 0.8s;    transition: all 0.8s;}

.trans00 {	-webkit-transition: all 0s; -moz-transition: all 0s;	-o-transition: all 0s;    transition: all 0s;}
.trans08 {	-webkit-transition: all 0.8s; -moz-transition: all 0.8s;	-o-transition: all 0.8s;    transition: all 0.8s; cursor:pointer;}
.trans10 {	-webkit-transition: all 1s; -moz-transition: all 1s;	-o-transition: all 1s;    transition: all 1s;}
.trans18 {	-webkit-transition: all 1.8s; -moz-transition: all 1.8s;	-o-transition: all 1.8s;    transition: all 1.8s;}
.trans28 {	-webkit-transition: all 2.8s; -moz-transition: all 2.8s;	-o-transition: all 2.8s;    transition: all 2.8s;}
.trans38 {	-webkit-transition: all 3.8s; -moz-transition: all 3.8s;	-o-transition: all 3.8s;    transition: all 3.8s;}

.noTrans00 {	-webkit-transition: all 0s; -moz-transition: all 0s;	-o-transition: all 0s;    transition: all 0s;}
.noTrans08 {	-webkit-transition: all 0s; -moz-transition: all 0s;	-o-transition: all 0s;    transition: all 0s;}
.noTrans10 {	-webkit-transition: all 0s; -moz-transition: all 0s;	-o-transition: all 0s;    transition: all 0s;}
.noTrans18 {	-webkit-transition: all 0s; -moz-transition: all 0s;	-o-transition: all 0s;    transition: all 0s;}
.noTrans28 {	-webkit-transition: all 0s; -moz-transition: all 0s;	-o-transition: all 0s;    transition: all 0s;}
.noTrans38 {	-webkit-transition: all 0s; -moz-transition: all 0s;	-o-transition: all 0s;    transition: all 0s;}


.inv08 {	visibility: hidden; opacity:0;
			-webkit-transition: all 0.8s; -moz-transition: all 0.8s;	-o-transition: all 0.8s;    transition: all 0.8s;}
.inv28 {	visibility: hidden; opacity:0;
			-webkit-transition: all 2.8s; -moz-transition: all 2.8s;	-o-transition: all 2.8s;    transition: all 2.8s;}

.vis08 {	visibility: visible; opacity:1;
			-webkit-transition: all 0.8s; -moz-transition: all 0.8s;	-o-transition: all 0.8s;    transition: all 0.8s;}
.vis18 {	visibility: visible; opacity:1;
			-webkit-transition: all 1.8s; -moz-transition: all 1.8s;	-o-transition: all 1.8s;    transition: all 1.8s;}
.vis28 {	visibility: visible; opacity:1;
			-webkit-transition: all 2.8s; -moz-transition: all 2.8s;	-o-transition: all 2.8s;    transition: all 2.8s;}


.myBG {position:fixed; width:100vw; top:50%; left:0px; margin:0px; margin-top:-33.33vw;}
.myMail {position:fixed; bottom:2vh; left:3vh; height:6vh; opacity:0.7; cursor:pointer;}
.myMail:hover {bottom:1vh; left:2vh; height:8vh; opacity:1; cursor:pointer;}

.myTxt1 {position:fixed; top:1vh%; left:4vw; line-height:2vw; font-size:2vw; color:#FFFFFF;}

.JB {position:fixed; top:46vh; width: 45vw; left:5vw;}

.adv {position:fixed; height:80vh; width:80vh; left:7.55vh; top:7.5vh; border:none; border-width:1px; border-color:#FFFFFF; margin-top:0px;}

.advQ{position:absolute; border:solid; border-width:1px; border-color:rgba(255,255,255,0.5); height:16.66%; width:25%;}
.advQpic{position:absolute; border:none; height:100%; width:100%; position:absolute; top:0px; left:0px;}
.advQpicBase{position:absolute; border:none; height:100%; width:100%; position:absolute; top:0px; left:0px; opacity: 0.2;
-webkit-filter: blur(7px);
-moz-filter: blur(7px);
-o-filter: blur(7px);
-ms-filter: blur(7px);
filter: blur(7px); cursor:pointer;}
.advQpicBase:hover {opacity:0.5;}

.R1 {top:0px;} .R2 {top:16.66%;} .R3 {top:33.33%;} .R4 {top:50%;} .R5 {top:66.66%;} .R6 {top:83.33%;}
.S1 {left:0px;} .S2 {left:25%;}  .S3 {left:50%;}  .S4 {left:75%;}

.myPlayer {position:fixed; bottom:2vh; left:50%; width:30vw; margin-left:-15vw; text-align:center;}


@media (max-aspect-ratio: 3/2) {
	.adv {position:fixed; height:80vh; width:80vh; left:50%; margin-left:-40vh; top:7.5vh; border:solid; border-width:1px; border-color:#FFFFFF;}
	.myBG {position:fixed; height:100vh; width:150vh; top:0%; left:0px; margin:0px;}
	.myTxt1 {position:fixed; top:1vh; left:4vw; line-height:2vw; font-size:2vw; color:#FF0000;}

}

@media (max-aspect-ratio: 6/5) {
	.adv {position:fixed; height:80vh; width:80vh; left:50%; margin-left:-40vh; top:7.5vh; border:solid; border-width:1px; border-color:#FFFFFF;}
	.myBG {position:fixed; height:100vh; width:150vh; top:0%; left:auto; right:-10vw; margin:0px;}
	.myTxt1 {position:fixed; top:1vh; left:4vw; line-height:2vw; font-size:2vw; color:#FF0000;}

}
@media (max-aspect-ratio: 6/5) {
	.JB {position:fixed; top:auto; bottom:0.2vh; width: 70vw; left:16vw;}

}

@media (max-aspect-ratio: 1/1) {
	.adv {position:fixed; height:80vw; width:80vw; left:50%; margin-left:-40vw; top:50%; margin-top:-40vw; border:solid; border-width:1px; border-color:#FFFFFF;}

}
.mv1 {-ms-transform: translate(0vh, -2.2vh); /* IE 9 */
    -webkit-transform: translate(0vh, -2.2vh); /* Safari */
    transform: translate(0vh, -2.2vh);}

.Eingabe {position:absolute; top:10%; width:90%; left:5%;}

input {position:absolute; width:90%; height:9vh; left:5%; background:rgba(255,255,255,0.5); 
	border:solid; border-width:1px; border-color:#FFFFFF; border-radius: 0.6vh;
	font-size:7vh; color:#FFFFFF; text-align:center;}
.T1 {top:25%; z-index:200; }
.T2 {top:50%; z-index:200;}
.P1 {position:absolute; top:37.5%; left:5%; font-size: 3vh; z-index:200;}
.P2 {position:absolute; top:62.5%; left:5%; font-size: 3vh; z-index:200;}
.P3 {position:absolute; top:77.5%; left:0%; width:100%; text-align:center; font-size: 7vh; font-weight:300; cursor:pointer; z-index:300; border:none; background:rgba(255,255,255,0);} 

.myWrong {position:absolute; font-size:8vh; text-align:center; margin:0px; top:50%; margin-top:-4vh; left:0px; width:100%; color:red; font-weight: 300;}
.myHello1 {position:absolute; top:25%; width:50%; left:25%;}
.myHello2 {position:absolute; top:40%; width:100%; left:0%;}
.myHello3 {position:absolute; top:80%; width:100%; height:6vh; line-height:6vh; left:0%; text-align:center; color:#FFFFFF; font-size:4vh;font-weight: 300; cursor:pointer;}