/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/


@font-face{
font-family:"Meta";
src:url("Fonts/3647ba2e-7b03-4fc3-90eb-b098badd9d6f.eot?#iefix");
src:url("Fonts/3647ba2e-7b03-4fc3-90eb-b098badd9d6f.eot?#iefix") format("eot"),url("Fonts/9c63c3fd-317d-48c4-905e-a8dd9db662a1.woff2") format("woff2"),url("Fonts/591023e1-fb9d-4504-9b3e-1ef43b14b083.woff") format("woff"),url("Fonts/9a49cf9d-0f25-46fe-98f8-b7e908507604.ttf") format("truetype"),url("Fonts/c56434ad-e6e3-4b71-b4c7-63deab4ebcdb.svg#c56434ad-e6e3-4b71-b4c7-63deab4ebcdb") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face{
font-family:"Meta";
src:url("Fonts/8bae3873-0739-4792-8e54-da668a6bbb04.eot?#iefix");
src:url("Fonts/8bae3873-0739-4792-8e54-da668a6bbb04.eot?#iefix") format("eot"),url("Fonts/a34efb95-278a-4d83-b40b-5adfa10f9679.woff2") format("woff2"),url("Fonts/2152f0c3-78d9-46a5-a850-fa36c1a4d4a6.woff") format("woff"),url("Fonts/c41b302c-40f7-4211-97e1-4efb032a9fff.ttf") format("truetype"),url("Fonts/0403fadb-897f-4804-b3e3-8e19f9b63472.svg#0403fadb-897f-4804-b3e3-8e19f9b63472") format("svg");
font-weight: normal;
	font-style: normal;
}
/*-----------------------------------------------------*/
/* ALLGEMEIN
/*-----------------------------------------------------*/

body, html{                                                                                                                                 
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
  font-size:12px;
  font-family: "Meta", Arial, _sans;
  background-color:#ffffff;
  line-height:2em;

}

body, html, div, span, img, p, h1, h2, h3, h4, h5 {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
touch-action: none;  
-webkit-text-size-adjust: none;
text-size-adjust: none;

}
ul{
  margin:0;
  padding:0;
  margin-left:1.3em;
  margin-bottom:0.3em;
  margin-top:0.3em;
  width:90%;
}
li{
  margin:0;
  padding:0;
}

a, img, object {
border:none;
outline: none;

}
/*-----------------------------------------------------*/
/* GESAMTCONTAINER
/*-----------------------------------------------------*/

#wrapper{
  position:absolute;
  width:100%;
  min-height:100%;
  overflow:hidden;
}

/*-----------------------------------------------------*/
/* HINTERGRUND
/*-----------------------------------------------------*/

.back, .back_overlay, .backimage{
  position:absolute;
  width:100%;
  height:100%;
}
.back img{
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}
/*-----------------------------------------------------*/
/* STARTSEITE
/*-----------------------------------------------------*/
#languagelinks{
position:absolute;
text-align:right;
font-size:1.1em;
}

#languagelinks a{
color:#000000;
text-decoration:none;
margin-left:10px;
padding-left:20px;
padding-left:12px;
  color:#000000;
  text-decoration:none;
  background-image:url(../img/icon_link.gif);
  background-repeat:no-repeat;
  background-position:center left;
}
#languagelinks a:hover{
  color:#0091dc;
  text-decoration:underline;
}
#backmovie{
position:absolute;
}
#startinfocontainer{

}
.startlines{
/*position:absolute;*/
width:100%;
margin-top:0%;

height:50%;
left:26%;
position:absolute;

overflow:hidden;
}
svg{
overflow:hidden;
width:15%;
height:auto;
/*vertical-align: top;*/
position:absolute;
/*float:right;*/



}
.starttexte{
margin-top:0%;

width:60%;
font-size:1.4em;
left:41.5%;

position:absolute;



}
.startinfo{

/*line-height:1.35em;*/
position:absolute;
 clear:both;
opacity:0;
 

}
.hiddeninfo{
display:none;
}
.startinfo h3{
  color:#adb6bc;
  font-size:1.6em;
  padding:0px;
  margin: 0px;
  
   font-weight:bold;
 /*line-height:1.5em;*/
  cursor:pointer;
 margin-bottom:0.3em;
}
.isblue{
color:#2985c6 !important;
}
.startinfo h3 .start_plus{
 float:left;
padding-right:0.25em;
/*margin-left:-0.85em;
margin-left:-0.85em;*/

 }
.startplus img{
margin-top:0.225em;
margin-right:0.15em;
}
.startinfo h4{
  margin:0;
  padding:0;
  margin-bottom:0.3em;
  margin-top:0.3em;
}
.startinfo p{
  margin:0;
  padding:0;
  width:45%;

}
.startinfo p ul{
  margin:0;
  padding:0;
  margin-left:1em;
  margin-bottom:0.3em;
  margin-top:0.3em;
  width:48%;
}
.startinfo p ul li{

}
.startinfo a, .contentcopy a{
  padding-left:12px;
  color:#000000;
  text-decoration:none;
  background-image:url(../img/icon_link.gif);
  background-repeat:no-repeat;
  background-position:center left;
}
.startinfo a:hover, .contentcopy a:hover{
  color:#0091dc;
  text-decoration:underline;
}
.videocontainer{
position:absolute;
  margin:0;
  padding:0;
  width:45%;
  left:55%;
  margin-top:0em;
  /*float:right;*/
}
.video_player{
width:100%;
}
.jwplayer{
border:none;
}
/*.jwdisplayIcon{

width:100% !important;
height:100% !important;
background:none !important;
margin:0 !important;
padding:0 !important;
opacity:0.8;
top:0px !important;

}
.jwicon{
margin:0 !important;
padding:0 !important;


width:100% !important;
height:100% !important;


background-size:20% auto !important;
}
*/
/*
#vp_controlbar{
height:25px !important;
margin:0px !important;
padding:0px !important;
bottom:0px !important;
left:0px !important;
width:100% !important;
}
*/
.jwvideo{
width:100% !important;
height:100% !important;
}
.startmovie{
width:100%;
-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);   
}

.startbtn_pfad{
  position:absolute;
  font-size:1.2em;
  padding:0.1em;
  padding-left:0.7em; /*10px;*/
  padding-right:0.7em;
  padding-bottom:0.7em;
  color:#ffffff;
  text-align:center;
  background-image:url(../img/btn_back.png);
  background-repeat:no-repeat;
  background-position:top center;
  background-size: auto 100%;
  cursor:pointer;
 opacity:0;
}

#b0{
top:72%;
left:25%;
}
#b1{
top:59%;
left:31%;
}
#b2{
top:48%;
left:37%;
}

.startbtn_aktiv{
  position:absolute;
  cursor:pointer;
background-image:url(../img/trans.png);
  width:25%;
  height:9%;

}
#a0{
top:87%;
left:25%;
width:20%;
}
#a1{
top:71%;
left:28%;
width:15%;

}
#a2{
top:60%;
left:33%;
width:14%;

}

.startbtn_icon{
  position:absolute;
  cursor:pointer;
 opacity:0;
}
.startbtn_icon img{
  position:absolute;
  width:100%;
  height:auto;
 /*opacity:0;*/
}
#o0{
top:85%;
left:35%;
width:10%;
}
#o1{
top:74%;
left:38%;
width:7%;

}
#o2{
top:70%;
left:43%;
width:11%;

}
#start_white{
position:absolute;
width:8%;
height:auto;
left:52%;
top:76%;
color:#2985c6;
font-size:2em;
line-height:1.2em;
 background-image:url(../img/point_white.png);
  background-repeat:no-repeat;
  background-size: 100% 100%;
  text-align:center;
   display:none;
   white-space:pre-line;
}
#start_planet_text{
position:absolute;
font-size:2.4em;
left:15%;
top:45%;
width:24%;
cursor:pointer;
color:#ffffff;
text-align:center;
display:none;
}
#start_planet_start{
position:absolute;
font-size:2em;
left:44%;
top:83%;
width:15%;
color:#2985c6;
text-align:center;
display:none;
}
#start_wolken{
position:absolute;
width:100%;
height:100%;

}
.start_wolke{
position:absolute;
width:100%;
height:100%;

/*display:none;*/

}
.start_wolke img{

width:100%;
height:100%;

}
#start_wolke1{
width:70%;
height:100%;

opacity:0;
}
#start_wolke2{
width:70%;
height:100%;
left:30%;
opacity:0;
}
#pfad_wolken{
position:absolute;
width:100%;
height:100%;

}

.pfad_wolke{
position:absolute;
width:100%;
height:30%;

/*display:none;*/

}
.pfad_wolke img{

width:100%;
height:100%;

}
#start_wolke3{
width:70%;
height:100%;

opacity:0;
}
#start_wolke4{
width:70%;
height:100%;
left:30%;
opacity:0;
}
#companyvideo{
position:absolute;
left:58%;
top:13%;
width:25%;
height:10%;

}
.compmovie{
width:100%;
-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
}

/*-----------------------------------------------------*/
/* WEGSEGMENTE
/*-----------------------------------------------------*/

.flagcontent{
position:absolute;
width:100%;
margin-left:10%;
margin-top:7%;
color: #636a70;
line-height:1.1em;
text-align:center;
font-weight:bold;
white-space:pre-line;
}
#pfad{
  position:absolute;
  width:100%;
  text-align:center;
  
  margin:0;
  padding:0;
  top:24%;
  height:76%;
text-align:center;
/*border:1px solid #ff0000;*/
}
.pfadmitte{
position:absolute;
  display:block;
  margin:0;
  left:50%;
  padding:0;
  width:0.2%;
  /*height:10%;*/
  margin:0;
  padding:0;


}
.pfadmitte_img{

height:100%;
width:auto;
}
/*-----------------------------------------------------*/
/* STATIONEN AM WEG
/*-----------------------------------------------------*/

#info{
  position:absolute;
  width:100%;
  height:100%;
 
}
/*Station*/
.infocontent{
text-align:center;
  position:absolute;
  min-width:100%;

  /*display:block;
 border:1px solid #00ff00;*/
  overflow:visible;
  /*display:none;*/
}
.infoani{

  width:100%;
}
/*Bild in der Station*/
.infoimage{
  position:absolute;
  width:100%;
  height:100%;
  
  overflow:visible;
}
.infoimage img{
  position:absolute;
  width:100%;
  height:auto;
  
}
/*Blauer Punkt*/
.infopoint{
  position:absolute;
  /*width:110px;
  height:110px;*/
  background-image:url("../img/bluepoint.png");
  background-size:100% 100%;
background-repeat:no-repeat;
text-align:center;
padding:2%;

display:block;
z-index:999;
  display:none;
  
}
.infopointtext{
  /*position:absolute;*/
  font-size:1em;
  color:#ffffff;
  font-weight:bold;
  width:100%; 
  text-align:center;
  white-space:pre-line;
  
}
/*Infokasten Textbereich*/
.contenttext {

  color: #adb6bc;
  font-size:0.5em;

 }
 .contentform{
width:80%;
background-color:#ffffff;
text-align:left;

 }
 .contentform table{
width:90%;

border-spacing: 0px;
    border-collapse: collapse;
margin:5%;
padding:0;


 }
  .contentform table tr td{
  vertical-align:top;

padding:0;
margin:0;

text-align:left;
white-space:pre-line;
overflow:hidden;

  } 
  
.contentform table tr td a{
padding-left:0.8em;
  color:#000000;
  text-decoration:none;
  background-image:url(../img/icon_link.gif);
  background-repeat:no-repeat;
  background-position:center left;
  background-size:auto 50%;


} 

.contentform table tr td a:hover{
  color:#0091dc;
  text-decoration:underline;

} 
 #formsend{
 cursor:pointer;
padding-left:1em;
  color:#000000;
  text-decoration:none;
  background-image:url(../img/icon_link.gif);
  background-repeat:no-repeat;
  background-position:center left;
  background-size:auto 50%;
  margin-right:4%;
  font-weight:bold;

}
 #formsend:hover{
  color:#0091dc;
  text-decoration:underline;
}
 label{
 margin:0;
 padding:0;

 }
 
 .contentform form h2{
white-space:pre-line;
color:#79888F;

 }
.contentform form input{

font-family: "Meta", Arial, _sans;

width:96%;
max-width:96%;
 border:1px solid #adb6bc;
font-size:1em;
margin-bottom:0.2em;
padding:0;

}
.contentform form input.radiobtn{
margin-bottom:0em;

width:auto;

    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);

}

textarea{

font-family: "Meta", Arial, _sans;
border:1px solid #adb6bc;
margin-bottom:0.2em;
width:96%;
max-width:96%;

padding:0;
font-size:1em;
resize:none;
 overflow: auto;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #adb6bc; opacity:1;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #adb6bc; opacity:1;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #adb6bc; opacity:1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #adb6bc; opacity:1;
}
/*Infokasten Headline*/
.contentmain{

  font-weight:bold;
  font-size:2em;
  color:#79888f;
  margin:0;
  padding:0;
  width:auto;
  white-space:pre-line;
  /*white-space:no-wrap;*/
  margin-left:1em;
  cursor:pointer;
}
/*Infokasten Headline*/
.contentplus{
  font-weight:bold;
  font-size:2em;
  color:#79888f;
  margin:0;
  padding:0;
  width:auto;
  white-space:pre-line;
   cursor:pointer;

}
.contentplus img{
width:50%;
height:auto;
}
/*Infokasten Copy*/
.contentcopy{
  margin-top:2%;
  font-weight:normal;
  font-size:1em;
  width:auto;
  white-space:pre-line;
  display:none;
   margin-left:1.25em;
  /*width:95%;*/
}
/*Infokasten Hintergrund/Gesamtrahmen*/
.contentback{
  position:absolute;
  background-color:#F6F6F6;
  /*min-height:30px;
  max-width:200%;*/
  padding:1.5%;
  text-align:left;
  display:none;
  z-index:1105;
  width:auto;
 
 
}
.flag .contentback {
max-width:33% !important;
padding-top:1.5em;
padding-bottom:1.5em;
padding-left:2em;

}
.flag .contentback .contentmain{
color:#2985c6;
margin-left:0em;
}

.infovideo{
width:100%;
height:auto;

}
.infovideo video{
background-color:#F6F6F6;

width:50%;
height:auto;
-webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);

}
/*.controls{
width:50%;
max-width:50%;
padding:0px;
margin:0px;
font-size:0.1em;
line-height:0.2em;
z-index:10000;
}*/

.vidcontrol{
float:left;
width:6%;
height:auto;
text-align:center;
background-image:url(../img/white.png);
margin-right:1%;
padding:0px;
font-size:0.1em;
line-height:0.2em;
cursor:pointer;

}
.vidcontrol img{
margin:px;
padding:0px;
margin-top:1px;
max-width:80%;
}
.startcontrols .vidcontrol{

width:12%;

}
/*-----------------------------------------------------*/
/* NAVIGATION RECHTS
/*-----------------------------------------------------*/

#navi{
  position:absolute;
  right:10px;
  top:30px;
  border-left:1px solid #acb7bd;
  margin:0;
  padding:0;
  z-index:1100;
}

#navi ul{
  margin:0;
  padding:0;
  margin-left:-30px;
  margin-bottom:-20px;
}
#navi ul li{
  margin:0;
  padding:0;
  display:block;
  width:60px;
  min-height:60px;
  list-style:none;
  font-size:11px;
  line-height:1.1em;
  color:#ffffff;
  cursor:pointer;
  text-align:center;
  /*line-height:55px;*/
  padding-top:22px;
  background-color:transparent;
  white-space:nowrap;
  background-image:url(../img/point_navi.png);
  background-repeat:no-repeat;
  background-size:100% auto;
  font-weight:bold;
  margin-bottom:0px;
  }
#navi ul li span{  
width:100%;
  white-space:pre-line;
  
}
#navi ul li:first-child{

}
.navi_homebtn{
  background-image:url(../img/point_navi_home.png) !important;
}
#navi ul ul{
  margin:0;
  padding:0;
  margin-left:25px;
  margin-top:0px;

  
}

#navi ul ul li{
  margin:0;
  padding:0;
  /*display:block;*/
  width:9px;
  height:9px;
  min-height:25px;
  list-style:none;
  font-size:0.9em;
  color:#ffffff;
  cursor:pointer;
  text-align:center;
  
  background-color:#transparent;
  white-space:nowrap;
  background-image:url(../img/point_navi.png);
  background-size:100% auto;
  background-repeat:no-repeat;
  white-space:pre-line;

  
}
.navi_active{
  background-image:url(../img/point_navi_dark.png) !important;
  width:15px !important;
  height:15px !important;
  margin-left:-3px !important;
  margin-top:-3px !important;
  margin-bottom:6px !important;
}

/*
#navi ul li[title]:hover:after{
  content: attr(title);
  padding:3px;
  color:#79888F;
  background-color:#f6f6f6;
  position: absolute;
  right: 55px;
}
#navi ul li img{
  width:20px;
  height:auto;
  margin-left:-10px;
  margin-top:-10px;
}
#navi ul .liactive img{
  width:30px;
  height:auto;
  margin-top:-12.5px;
  margin-left:-15px;
}*/
/*-----------------------------------------------------*/
/* PLATZHALTER NUR TEMORÄR GENUTZT
/*-----------------------------------------------------*/

#xmldaten{
  position:absolute;
  color:#000000;

  margin:20px;
  
  max-width:25%;


}


#tracking{
display:none;
}



/* jquery */
.ui-slider-handle {
    display: block;
    margin-left: -9px;
    position: absolute;
    z-index: 2;
}
.ui-slider-range {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.pfadmovie, .startmovie, .compmovie, .posterfake{
cursor:pointer;
}
/* player */
.video_player {
 

    float: left;
    padding: 0px;

}

/* controls */
.video_player .custom_controls {
    clear: both;
    height: 20px;
    padding-top: 3px;
    position: relative;
    width: 100%;
    
 background: url(../img/white.png) ;
}
.videocontroler{
position:absolute;
width:100%;
height:100%;
}
.pfadmitte .video_player .custom_controls {
    width: 50%;
    display:none;
}
.play, .pause, .volume, .time_slider, .timer {
    float: left;
}
.play, .pause, .mute, .unmute {
    cursor: pointer;
}
.play, .pause, .full {
    display: block;
    height: 16px;
    /*margin-left: 5px;
    margin-right: 10px;*/
    /*opacity: 0.8;*/
    width: 20%;
padding: 0 !important;
margin: 0;
    /*background-position:50% 50% !important;*/
    transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    
}
.play {
    background: url(../img/videoicon_play.png) no-repeat  !important;
    background-position:50% 50% !important;

     margin-left: 0%;
}
.pause {
    background: url(../img/videoicon_pause.png) no-repeat  !important;
    background-position:50% 50% !important;

    display: none;
    margin-left: 0%;
}
.full {
    background: url(../img/videoicon_fullscreen.png) no-repeat  !important;
    background-position:50% 50% !important;

     margin-left: 80%;
}
.play:hover, .pause:hover {
    opacity: 1;
}
.time_slider {
    /*border: 1px solid #adb6bc;*/
    height: 1px;
    margin-top: 8px;
    position: relative;
    width: 60%;


    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/

    background-color: #adb6bc;
    
    /*background-image: -moz-linear-gradient(top, #777777, #9d9d9d);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #777777),color-stop(1, #9d9d9d));*/
}
.time_slider .ui-slider-handle {
    background-image:url(../img/btn_back.png);
    cursor: pointer;
    height: 11px;
    width: 11px;

    top: 0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:-5px;
}

/*.time_slider .ui-slider-handle.ui-state-hover {
    opacity: 1;
}*/
.time_slider .ui-slider-range {
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    background: #e9742e;
    background-image: -moz-linear-gradient(top, #e9742e, #c14901);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e9742e),color-stop(1, #c14901));*/
}
.timer {
    color: #000;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 3px;
    display:none;
}
.volume {
    bottom: 0;
    color: #FFFFFF;
    height: 35px;
    overflow: hidden;
    padding: 5px 10px 0;
    position: absolute;
    right: 0;
    width: 33px;
    display:none;
}
.volume:hover {
    background: url(../images/volume.png) no-repeat scroll 8px 0 transparent;
    height: 161px;
}
.volume_slider {
    height: 105px;
    left: -1px;
    opacity: 0;
    position: relative;
    width: 33px;
}
.volume:hover .volume_slider {
    opacity: 1;
}
.volume_slider .ui-slider-handle {
    background: url(../images/handler.png) no-repeat;
    height: 15px;
    left: 9px;
    margin-bottom: -15px;
    margin-left: 0;
    opacity: 0.8;
    width: 14px;
}
.volume_slider .ui-slider-handle.ui-state-hover {
    opacity: 1;
}
.mute, .unmute {
    bottom: 7px;
    display: block;
    height: 23px;
    opacity: 0.8;
    position: absolute;
    text-indent: -999px;
    width: 33px;
}
.mute:hover, .unmute:hover {
    opacity: 1;
}
.mute {
    background: url(../images/vol_full.png) no-repeat;
}
.unmute {
    background: url(../images/vol_mute.png) no-repeat;
    display: none;
}