@charset "utf-8";
/* CSS Document für Theaterarchiv Biografie*/

body{font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;background-color:#cbe8e5;
}

h1{float:left;max-width:90%;height: auto;font-size: 130%;color: #587d5d;display:block;margin-left:2%;}
h2{float:left;max-width:70%;height: auto;font-size: 110%; color: #4C3791;display:block;margin-left:2%; }
h3{float:left;height: auto;color: #206387;margin-bottom: 0%;}

#logo_start{ float:left; max-width: 20%; height: auto; margin-left: 60%;margin-top: 2%;}
#logo_start img{max-width: 100%; height: auto;}
#logo_event{ float:left; max-width: 20%; height: auto; margin-left: 60%;margin-top: 3%;}
#logo_event img{max-width: 100%; height: auto;}



#content_event{float:left; margin-left: 2%;margin-top:3%; max-width: 70%; height: auto;}
#content_event p{float:left; margin-left: 2%;margin-top:2%; max-width: 90%; height: auto;color:#587d5d;text-align: left;font-size: 100%; }
#content_event img{display:block; width: 100%; height: auto; margin-bottom: 2%;margin-left: 0%;}


#content_event a{max-width: 70%;height: auto;margin-left: 6% ;color:#6f8570;display:block;margin-bottom: 1%;}



.vorläufer{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.vorläufer h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;display:block;}
.vorläufer h2{float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;display:block;}


.neuzeit{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.neuzeit h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;}
.neuzeit h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;}

.felsen{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.felsen h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;}
.felsen h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;}


hr{float:left;border: 0;max-width: 100%;height: 3px;background-color: #c4564f;} 


.liste{float: left;color: #587d5d;max-width: 90%; font-size: 120%; color:#6f8570; margin-top: 0%;}
.liste_imp{float: left;color: #587d5d; font-size: 100%;margin-left: 2%; }


object {max-width: 70%;height: auto;margin-left: 4%;}


.fb-share-button{float: left; max-width: 20%;height: auto;margin-top: 1%;margin-left: 2%;margin-bottom: 3%;}






/* CSS Document für Mobile*/


@media only screen and (max-width: 599px) {
     

    
    
#logo_start{ float:left; max-width:50%; height: auto; margin-left: 10%;margin-top: 30%;}
#logo_start img{max-width: 100%; height: auto;}    
    
#logo_event{display:none;}    

    
#content_event img{display:block; max-width: 100%; height: auto; margin-bottom: 2%;}  
 
#content_event{float:left; margin-left: 1,5%;margin-top:1%; max-width: 96%; height: auto;}
#content_event p{float:left; margin-left: 2%;margin-top:1%; max-width: 90%; height: auto;color:#587d5d;text-align: left;font-size: 120%; }
   
#content_event img{display:block; max-width: 90%; height: auto;margin-left: 4%;}  
#content_event a{max-width: 90%;height: auto;margin-left: 4%;display:block;margin-bottom:1%;}
    
.vorläufer{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.vorläufer h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;display:block;}
.vorläufer h2{float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;display:block;}
    
.neuzeit{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.neuzeit h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;display:block;}    
.neuzeit h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;display:block;}      
    
.felsen{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.felsen h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 5px;display:block;}    
.felsen h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 5px;display:block;}    
            
    
    
        

hr{border: 0; max-width: 100%;height: 3px;background-color: #206387;} 
    
  
.liste{max-width: 90%; height: auto; float: left;color: #206387; font-size: 120%;margin-left: 2%; }
    
.liste li{max-width: 90%; height: auto;}
   
.liste_imp{float: left;color: #206387; font-size: 100%;margin-left: 2%; }
    
    #content_event video{max-width: 90%;height: auto;margin-left: 4%;}
    
.fb-share-button{float: left; max-width: 40%;height: auto;margin-top: 1%;margin-left: 2%;margin-bottom: 10%;}
}




@media only screen and (min-width: 600px ) {  



    
#logo_start{ float:left; max-width:20%; height: auto; margin-left: 50%;margin-top: 5%;}
#logo_start img{max-width: 100%; height: auto;}    
    
#logo_event{display:none;}    
    

 
#content_event{float:left; margin-left: 10%;margin-top:1%; max-width: 80%; height: auto;}
#content_event p{float:left; margin-left: 2%;margin-top:1%; max-width: 100%; height: auto;color:#587d5d;text-align: left;font-size: 120%; }
    
#content_event img{display:block; max-width: 80%; height: auto;margin-left:  10%;}  
#content_event a{width: 70%;height: auto;margin-left: 6%;display:block;margin-bottom: 1%;}
    
.vorläufer{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.vorläufer h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;display:block;}
.vorläufer h2{float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;display:block;}

.neuzeit{float:left; background-color:#ecf5ed;max-width: 100%; margin-left: 2%;margin-bottom:2%;margin-top:2%;}
.neuzeit h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;display:block;}    
.neuzeit h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;display:block;}    

    
.felsen{float:left; background-color:#ecf5ed;width: 100%; margin-left: 5%;margin-bottom:2%;margin-top:2%;}
.felsen h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 5px;display:block;}    
.felsen h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 5px;display:block;}    
            

hr{border: 0;width: 100%;height: 3px;background-color: #206387;} 
   
.liste{float: left;color: #206387; font-size: 120%; }
      
.liste_imp{float: left;color: #206387; font-size: 100%;margin-left: 2%; }


 #content_event video{max-width: 90%;height: auto;margin-left: 4%;}   

}



@media only screen and (min-width: 980px ) {
    #wrapper{max-width:100%; height: auto; background:#CCCAC8;}  
    
h1{float:left;max-width:90%;height: auto;font-size: 130%;color: #587d5d;}
h2{float:left;max-width:70%;height: auto;font-size: 110%; color: #825599; }
    
#logo_start{ float:left; max-width:20%; height: auto; margin-left: 50%;margin-top: 5%;}
#logo_start img{max-width: 100%; height: auto;}    
#logo_event{ float:left; max-width: 20%; height: auto; margin-left: 60%;margin-top: 3%;}
#logo_event img{max-width: 100%; height: auto;}
    
  
    

 
#content_event{float:left; margin-left: 8%;margin-top:1%; max-width: 80%; height: auto;}
#content_event p{float:left; margin-left: 2%;margin-top:1%; max-width: 100%; height: auto;color:#587d5d;text-align: left;font-size: 110%; }
  
#content_event img{display:block; max-width: 90%; height: auto; margin-bottom: 2%;} 
      
    
#content_event a{max-width: 70%;height: auto;margin-left: 6%;display:block;margin-bottom: 1%;}
    
#content_event video{max-width: 80%; margin-left: 4%;}
    
.vorläufer{float:left; background-color:#ecf5ed;width: 100%; margin-left: 0%;margin-bottom:2%;margin-top:2%;}
.vorläufer h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;display:block;}
.vorläufer h2{float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;display:block;}

.neuzeit{float:left; background-color:#ecf5ed;width: 100%; margin-left: 0%;margin-bottom:2%;margin-top:2%; }
.neuzeit h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 8px;display:block;}
.neuzeit h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 8px;display:block;}    
    
.felsen{float:left; background-color:#ecf5ed;width: 100%; margin-left: 0%;margin-bottom:2%;margin-top:2%;}
.felsen h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 5px;display:block;}    
.felsen h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 5px;display:block;}    
        
    

hr{border: 0; max-width: 100%;height: 3px;background-color: #206387;} 
   
.liste{float: left;color: #206387; font-size: 110%; }
.liste_imp{float: left;color: #206387; font-size: 100%;margin-left: 2%; }
  
}



@media only screen and (min-width: 1260px ) {
         
h1{float:left;max-width:90%;height: auto;font-size: 130%;color: #587d5d;}
h2{float:left;max-width:70%;height: auto;font-size: 110%; color: #825599; }  
    

#logo_start{ float:left; max-width: 20%; height: auto; margin-left: 57%;margin-top: 3%;}
#logo_start img{max-width: 100%; height: auto;}
#logo_event{ float:left; max-width: 20%; height: auto; margin-left: 60%;margin-top: 3%;}
#logo_event img{max-width: 100%; height: auto;}



#content_event{float:left; margin-left:20%; max-width: 60%; height: auto;}
#content_event p{float:left; margin-left: 2%;margin-top:1%; max-width: 100%; height: auto;color:#587d5d;text-align: left;font-size: 100%; }
#content_event img{max-width: 100%;height: auto;margin-left: 0%;} 
     
    
#content_event a{float:left;max-width: 70%;height: auto;margin-left: 6%;color:#6f8570;display:block;margin-bottom: 1%;}
#content_event video{max-width: 80%; margin-left: 4%;}    

  
.vorläufer{float:left; background-color:#ecf5ed; width: 90%; margin-left: 5%;margin-bottom:2%;margin-top:2%;}
.vorläufer h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 5px;display:block;}
.vorläufer h2{float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 5px;display:block;}

.neuzeit{float:left; background-color:#ecf5ed;width: 90%; margin-left: 5%;margin-bottom:2%;margin-top:2%;}
.neuzeit h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 5pxdisplay:block;}    
.neuzeit h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 5px;display:block;}    
    
.felsen{float:left; background-color:#ecf5ed;width: 90%; margin-left: 5%;margin-bottom:2%;margin-top:2%;}
.felsen h1{float:left,margin-left:2%;font-size:120%;color:#4C3791;padding: 5px;display:block;}    
.felsen h2 {float:left,margin-left:2%;font-size:100%;color:#4C3791;padding: 5px;display:block;}    
    
        
    

hr{float:left;border: 0;max-width: 100%;height: 3px;background-color: #206387;} 

.liste{float: left;color: #206387; font-size: 100%; margin-top: 0%;}
.liste_imp{float: left;color: #206387; font-size: 100%;margin-left: 2%; }
   
  
}