html, body, { background-color:#000 !important;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: roboto_slabregular;
}
#Lineal {position:absolute;   left:10px; top:50px; z-index:999; }

#Wrapper { width:99.9% !important; overflow:hidden; position:absolute; top:0px; left:0px;height:99.8%; border:1px solid #111;}
h1, h2, h3, h4 {font-weight: normal;line-height:100%; }

#photo2 h2 { margin-left:30px; margin-top:40px; color:#fff; font-family:roboto_condensedlight;font-size:22px;}
#photo2 p { margin-left:30px; color:#e6e6e6; font-family:roboto_slablight;font-size:14px;}

#photo2 .textseite { margin-top:70px; max-width:650px; width:75%;  }
 #marginal { font-family:roboto_slablight;font-size:14px; text-align:right; margin-top:110px;  margin-right:2%; color:#fff;
             float:right; width:20%;  
 }
  #marginal a {  color:#fff; text-decoration:none; margin:10px 0px 0px ; padding:0px;}

#photo2.alsText { height:100%; overflow:auto;}
#photo2 #videoelement { margin-left:30px; margin-top:50px;}
#photo2 a { color:#f1d270;}


#header {position: fixed;z-index: 999999999;background-color: #111;width: 100%;left: 0px;top: 0px;}
#logos {position:absolute; bottom:5px;left:10px; z-index:9}

.kart1 { color:#e1001e; cursor:pointer;}
.kart2 {color:#1BB792;cursor:pointer;}
.selected { color:#f1d270;}
#Bildbeschr .kart1, #Bildbeschr .kart2 { color:#fff;opacity:0.5;}
#Bildbeschr .kart1:hover, #Bildbeschr .kart2:hover { opacity:1;}
#Bildbeschr .kart1.selected, 
#Bildbeschr .kart2.selected,
#Bildbeschr .openBeschr.selected,
#Bildbeschr .openWeitere.selected 
 { color:#f1d270;opacity:1;}

#Bildbeschr .kart1.selected, 
#Bildbeschr .kart2.selected { color:#c69b14;opacity:1;}



#Lang { color:#fff;border-radius:7px; position:fixed; right:20px; top:20px; z-index:999999;word-spacing:20px; background-color:rgba(0,0,0,0.5); padding:2px 10px 2px 10px ;}
#Lang a { color:#fff;font-size:30px;  text-decoration:none; font-family:roboto_condensedlight; }
    #Lang .aktiv { color:#f1d270;}

/*Im Menü*/
#MenueSlide {position:fixed; font-family: roboto_condensedbold;  left:0px; top: 0px;  background-color:rgba(0,0,0,1);
             width:100%; height:auto; display:none; z-index:9999999999; }
#MenueSlide ul {margin:0px; padding:0px; display:block; margin:20px 0px 10px 10px; list-style:none;}
#MenueSlide ul li {margin:0px; padding:0px 0px 0px 0px ;display:block;   }
#MenueSlide  a { color:#fff; text-decoration:none;  }
#MenueSlide  a:hover { color: #f1d270; text-decoration:none;}
    #MenueSlide .inner {  margin:25px  30px 20px 30px ;  }
    #MenueSlide .kasten {  float:left; width:150px;  color:#fff;  }
    #MenueSlide .kasten img  { float:left; width:50px;    }


    #MenueSlide .grau { max-height:300px;  position:  relative; border:none; background-color:#49494d; margin:0px 15px 0px 0px ; height:320px; overflow:hidden;}

    #MenueSlide .grau .inner  { padding:10px; margin:0px; color:#fff;  font-family: robotolight; font-size:15px; line-height:120%;}
    #MenueSlide .grau .inner p { margin:0px 0px 5px 0px ; padding:0px;}

#MenueSlide .grauHoch {max-height:727px; }
 
    #MenueSlide .titelM  { margin:0px 0px 0px 0px !important; }
    #MenueSlide .titelM  p{color:#fff !important; margin:0px; padding:5px 0px 0px 10px ;   font-family:roboto_condensedlight; font-size: 15px;}



#Bildbeschr {position:absolute; left:70px; font-size:20px; opacity:1; z-index:99; top:8px;
    float:left; margin:3px 0px 0px 25px ;  color:#fff;  font-family:roboto_condensedlight;   }
    #Bildbeschr i { margin:7px 5px 0px 30px !important; float:left;  font-size:15px ;}
    #Bildbeschr:hover { opacity:1;    }
    
    #Bildbeschr .mtitel, #Bildbeschr .openBeschr, #Bildbeschr .openWeitere { float:left; opacity:0.5;  cursor:pointer;    }     
   #Bildbeschr .mtitel:hover, #Bildbeschr .openBeschr:hover,  #Bildbeschr .openWeitere:hover { opacity:1;    }
    #Info .mtitel {  font-size:20px; font-family:roboto_condensedlight; color:#f1d270 !important; opacity:1;     }

/*Menü Icon*/
#menue {  color:#fff; font-size:20px; opacity:1; float:left; font-family: roboto_condensedlight; z-index:999999;  }
#menue i { font-size:22px !important;  margin:4px 5px 0px 30px !important;  float:left;}
#menue:hover {   opacity:1;  }

#menueup {position:absolute; line-height:100%; right:13px; top:14px;color:#fff; z-index:999999; cursor:pointer;color:#fff; font-size:20px; opacity:1;  font-family: roboto_condensedlight; z-index:999999;}
#menueup i { font-size:25px !important;  margin:0px 5px 0px 30px !important;  float:left;}
#menueup:hover {   opacity:1;  }
h3#menue {  font-family:roboto_condensedlight !important;  font-size:50px !important; margin-left:0px; padding-left:0px !important; }
h3#menue i { font-size:50px !important;  margin-left:5px !important;line-height:45px; margin-right:20px !important; padding-left:0px !important; }
h3#menue a {}

.leaflet-control-zoom-in , .leaflet-control-zoom-out{font-family:robotolight; font-size:35px !important; opacity:0.5;}
.clear { clear:both;}

#textlasche,#textlasche2 { opacity:0; border-left:1px solid #111; background-color:#fff; color:#111; z-index:9999999; position:absolute; right:-450px; top:48px; width:450px; height:100% !important;  }
    #textlasche  .inner1,#textlasche2  .inner1 { position:absolute; margin:0px;height:80%; width:100%; overflow:auto;  }
    #textlasche  .inner,#textlasche2  .inner {margin:20px 30px 20px 30px;}
#textlasche p,#textlasche2 p{ margin:0px 0px 15px 0px; font-size:14px; padding:0px; font-family:roboto_slabregular; }
#textlasche h2,#textlasche2 h2 { margin: 0px 0px 25px 0px; font-size:30px; font-family:roboto_condensedlight;}

    #textlasche #closeTxt,#textlasche2 #closeTxt2 { cursor:pointer;  float:left; width:30px; height:38px; background-color:#fff; margin-left:-30px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;
    }
    #textlasche #closeTxt i,#textlasche2 #closeTxt2 i{ margin: 2px 0px 0px 8px; }

    #textlasche .mini, #textlasche2 .mini {float: right; margin: -10px -20px 0px 0px;}

    
    
    #textlasche2, #textlasche2 #closeTxt2  {  background-image:url('../img/hg3.jpg') !important;}
    #textlasche2 .zeile { margin-bottom:20px; width:50%; float:left;}
    #textlasche2 .zeile.w100 {width:100%; }
    #textlasche2 .zeile p{ font-size:14px !important; line-height:120%;}
    #textlasche2 .zeile a { color:#111; text-decoration:none;}
    #textlasche2 .zeile a:hover { color:#f1d270;  }
    #textlasche2  h2{ font-size:22px; color:#fff; font-family:roboto_condensedlight; font-weight:normal;}
    #textlasche2 .zeile img{float:left; width:60px; margin-right:10px; border:1px solid #111;}
    /*#textlasche2 .zeile p:first-line{ color:#e6e6e6;    font-weight:normal !important;  }*/


 
#intro { font-family: robotothin; position:absolute;left:10%; top:25%; z-index:9; color:#fff; }
    #intro h1 { font-size:58px; margin:0px 0px 40px 0px ; line-height:125%; padding:0px;}
    #intro h2 {font-size:70px; margin:0px 0px 60px 0px ;padding:0px;}
    #intro h3 {font-size:38px; margin:0px;padding:0px;}
    #intro h3 a { color:#fff; text-decoration:none;}
    #intro h3 a:hover { color:#f1d270; text-decoration:none;}

    #header h1 {text-transform: uppercase;font-family: roboto_slabregular;font-size: 26px;margin: 0px;padding: 0px;line-height: 100%;
        color: #fef0c3;}

    #header h2 {font-size: 16px;letter-spacing: 1px;
        margin: 0px;padding: 0px 0px 1px 0px;
        font-family: roboto_condensedbold;  line-height: 100%;color: #fff;
    }

    #header .Titel {        margin: 7px 15px 7px 20px;    }

#startbild {position: absolute;left: 0%;width: 100%;top:0px; height: 100.0%;}

#photo1 {position: absolute;left: 0%;width: 50%;height: 100%; top:0px; border-right:1px  solid #000; z-index:3}
#photo2 {position: absolute;left: 50%;width: 50%;height: 100%;top:0px; z-index:2;}


.schatten {
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
    /*für ie eine Hintergrundfarbe definieren!*/
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}


@media only screen and (max-width: 1025px) {
	
#intro h1 { font-size:42px; margin:0px 0px 40px 0px ; padding:0px;}
#intro h2 {font-size:60px; margin:0px 0px 60px 0px ;padding:0px;}
#intro h3 {font-size:28px; margin:0px;padding:0px;}

}