/* roboto-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin_latin-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin_latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
		/*font-family: 'Droid Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
		background:rgba(0,0,0,0.9);
		
	}

h2 {
	font-size:26px;
	margin-bottom:0px;
	}		
	
h3 {
	font-size:18px;
	margin-bottom:0px;
	}

td {padding:12px}	
.vitatable {padding:5px}	

blockquote {
    border-left: 0px !important;
    font-size:13px !important;
}
.fotorama__caption__wrap {
   font-size: 10px !important;
}
.youtubecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mycontainer {
	/*width:100%;*/
	}

#content {
	padding:15px;
	}
	
#main {margin-top:55px;}

.home {background:rgb(49,56,73)}
.termine {background:rgb(26,37,61)}
.buehne {background:rgb(130,113,115)}
.film {background:rgb(107,117,128)}
.stimme {background:rgb(47,56,71)}
.musik {	background:rgb(49,56,73)}
.fotos {background:rgb(144,108,67)}
.vita {background:rgb(56,48,43)}
.kontakt {background:rgb(49,56,73)}



.mycol{
	background:white;
	padding-left:0px;
	padding-right:0px;
	}
.myrow{
	margin-top:60px;
	}
.titelback{
	background:rgb(61,61,61);
	
	height:50px;
	font-family: 'Oranienbaum', serif;
	
	}

.titelbackhome{
	background:rgb(49,56,73);
	height:50px;
	}
.titelbacktermine{
	background:rgb(26,37,61);
	height:50px;
	}
.titelbackbuehne{
	background:rgb(130,113,115);
	height:50px;
	}	
	.titelbackfilm{
	background:rgb(107,117,128);
	height:50px;
	}	
		.titelbackstimme{
	background:rgb(47,56,71);
	height:50px;
	}	
	.titelbackmusik {	background:rgb(49,56,73);height:50px;}
	.titelbackfotos {background:rgb(144,108,67);height:50px;}
	.titelbackvita {background:rgb(56,48,43);height:50px;}
	.titelbackkontakt {background:rgb(49,56,73);height:50px;}
.mynav{
	background-color:transparent;
	border:none;
	/*font-family: 'Economica', sans-serif;*/
	
	}

.my_h1{
	padding-left:15px;
	/*background:#990066;*/
	margin-top:0px;
	color:white;
	text-transform: uppercase;

	font-weight:bold;
	padding-top:10px;
	/*padding-bottom:10px;*/
	font-size:30px;
	margin-bottom:0px;
	}	
.my_h1_saca{
	font-size:18px;line-height:30px;
}	
.my_h2 {
	border-top: 2px solid lightgray;
	border-bottom: 2px solid lightgray;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
	line-height: 53px;
	font-weight: 600;
	
}
.my_h3 {
	
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
	font-size:36px;
	margin:0px;
	line-height:40px;
	margin-bottom:10px;
}		

.titletermine {
	font-weight:500;
	font-size:18px;
	line-height:18px;
	}
.ticktestermine {
	font-weight:500;
	font-size:25px;
	line-height:25px;
	text-align:right;
	}	
.my_h4 {
	padding-left: 15px;
	
	
}	
.my_p{
	padding-left:15px;
	padding-right:15px;
	margin-top:5px;
	}
	
.leftsatz {
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	color:#3c3c3c;
	font-weight:300;
	letter-spacing:1px;
	}	
.blocksatz {
	text-align:justify;
	}	
	
@media screen and (max-width: 992px) {
	.backstretch	{display:none}
	.home {background:rgb(49,56,73);}
	.termine {background:rgb(26,37,61)}
	.buehne {background:rgb(130,113,115)}
	.film {background:rgb(107,117,128)}
	.stimme {background:rgb(47,56,71)}
	.musik {background:rgb(49,56,73)}
	.fotos {background:rgb(144,108,67)}
	.vita {background:rgb(56,48,43)}
	.kontakt {background:rgb(49,56,73)}
	.homenav {background-color:rgba(56,48,43,1);border:none;}
}	

.mydropdown {
	min-width:138px;
	font-size:20px;
	background-color:black;
	color:white;
	}
.dropdown-menu > li > a {
	color:white;
}
#footer .row{
	
	}

.myfooter {
	margin-top:15px;
	margin-bottom:50px;
	
	}

.footer-p	{
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	margin:10px 0px;
	color:white;
	
	font-size:12px;
	
	}

a.facebook-header {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
}

a.facebook-header {
    background: url(../img/social/facebook.png) no-repeat;
    
}

a.facebook-header {
    background-position: 0 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a.facebook-header:hover {
    background-position: 0 -30px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}			

a.youtube-header {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    margin-left:35px;
}

a.youtube-header {
    background: url(../img/social/youtube.png) no-repeat;
    
}

a.youtube-header {
    background-position: 0 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a.youtube-header:hover {
    background-position: 0 -30px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}			
.navbar-default .navbar-nav > li > a {
    color: white;
    text-transform:uppercase;
    font-size:15px;
}
.navbar-default .navbar-nav > li > a:hover {
  color: grey;
  background:white;
  }
.navbar-brand {display:none}  
@media screen and (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		font-size:15px;
		padding-left:6px;
		padding-right:6px;
	}
	
	}  

@media screen and (max-width: 766px) {
	.navbar-nav {
    margin: 1.5px -15px !important;
}
	
	a.youtube-header{
		margin-left:15px;
		}
	a.facebook-header{
		margin-left:-20px;
		}	
	.navbar-default .navbar-nav > li > a {
		font-size:18px;
	}
	.navbar-fixed-top .navbar-collapse {
    max-height: initial;
	}  
	#main { margin-top:15px;}	
	.myrow{
	margin-top:45px;
	}
	.titelbackheight75{
		height:75px;
	}
	.dropdown-menu > li > a:hover {
  color: lightgray;}
  .dropdown-menu > li > a {
    color: white;
}
.navbar-brand {display:initial}	
}

.theater-img {
	padding-right:15px;
	padding-bottom:15px;
	}
hr {
     border-width: 5px 0px 0px;		
     border-color:lightgray;
   }
 
 .termin_ul {
 	list-style-type:none;
 	padding:0px;
 	margin:0px;
 	} 
 .termin_li {	
 	padding-bottom:15px;
 	}
 .termin_datum {
 	font-weight:600;
 	font-size:20px;
 	margin:0px;
 	padding-left:15px;
 	}	
 	
 	.termin_uhrzeit {
 	font-size:16px;
 	margin:0px;
 	text-align:right;
 	padding-right:15px;
 	
 	}	
 	
 	.termin_titel {
 	font-size:18px;
 	line-height:22px;
 	margin:0px;
 	margin-top:2px;
 	padding-left:35px;padding-right:10px;
 	}	
 	
 	.termin_ort {
 	margin:0px;
 	padding-left:35px;padding-right:10px;
 	}	
 	
 	.my_li{
 		padding-right:15px;
 		}
 		
 		.galerie_h2 {
 			line-height:40px;
 			border:none;
 			}
 			
 			.programme_h2{
 				line-height:40px;
 			border:none;
 			font-size:25px;
 				}
 				.programme_h3{
 				text-align:center;
 			font-size:20px;
 				}
 				
 				.navbar-toggle{
 					background:white;
 					}
 					
.ticketlink:link, .ticketlink:visited , .ticketlink:active{color:#3c3c3c;outline:none;;text-decoration: none}					
 
.ticketlink:hover {color:#d9b538; text-decoration: none;}
 
.my-hr {width:70%;border-width: 2px 0px 0px;}

.homelink:link, .homelink:visited , .homelink:active {color:#d9b538;outline:none;text-decoration: none}
.homelink:hover {color:white;outline:none;text-decoration: none}

.homesatz {
	color:#d9b538;
	text-align:center;
	font-size:20px;
	font-family: 'Oranienbaum', serif;
	line-height:25px;
	letter-spacing:inherit;
	padding-top:15px;
	}
#box{
 
 
 margin-left: -30px;
 position: absolute; /* positionieren */
 
 left: 50%;
 
 
 
}
/**/
@media screen and (max-width: 430px) {
.my_h1{
font-size:18px;line-height:34px;
}
.my_h1_saca{
	font-size:18px;line-height:30px;
}	

}
@media screen and (min-width: 390px) and (max-width: 766px) {
	.navbar-brand {
	display:inline;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.my_h1_saca{
	font-size:15px;line-height:30px;
}	
}
@media screen and (max-width: 991px){
	
	#box {
    margin-left: -10px;
  }
	}

@media screen and (min-width: 767px) {	
	.terminelink {background:rgb(26,37,61) !important;color:white !important}
	
.homelink {background:rgb(49,56,73)!important;color:white !important}
.terminelink {background:rgb(26,37,61)!important;color:white !important}
.buehnelink {background:rgb(130,113,115)!important;color:white !important}
.filmlink {background:rgb(107,117,128)!important;color:white !important}
.stimmelink {background:rgb(47,56,71)!important;color:white !important}
.musiklink {background:rgb(49,56,73)!important;color:white !important}
.fotoslink {background:rgb(144,108,67)!important;color:white !important}
.vitalink {background:rgb(56,48,43)!important;color:white !important}
.kontaktlink {background:rgb(49,56,73)!important;color:white !important}
}