/*@font-face {
    font-family: "Futura-T";
    src: url(/files/fonts/futura-t-extra-bold.ttf) format("truetype");
    font-weight:bolder;
}

@font-face {
    font-family: "Futura-T";
    font-weight:bold;
    src: url(/files/fonts/futura-t-bold.ttf) format("truetype");
}
*/

@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=5f58c1a5-0b11-4d9e-b787-b40dcd5a30c1");
@font-face{
    font-family: "Futura-T";
    font-weight:bold;
src:url("/files/fonts/87f56fc1-ab05-4355-90af-9e83740663af.eot?#iefix");
src:url("/files/fonts/87f56fc1-ab05-4355-90af-9e83740663af.eot?#iefix") format("eot"),url("/files/fonts/3cf9e1e8-63a2-497f-86ed-6b63d6de1986.woff2") format("woff2"),url("/files/fonts/184895ac-545b-450b-9d3a-c0a0a7620977.woff") format("woff"),url("/files/fonts/bf8628d2-1ae0-4645-ba3f-3ce62d8d907c.ttf") format("truetype"),url("/files/fonts/20073de8-56dd-4e4c-9434-5097c3f2fd28.svg#20073de8-56dd-4e4c-9434-5097c3f2fd28") format("svg");
}
@font-face{

    font-family: "Futura-T";
    font-weight:bolder;
src:url("/files/fonts/19530450-4023-4f4b-a843-f691aaa9a120.eot?#iefix");
src:url("/files/fonts/19530450-4023-4f4b-a843-f691aaa9a120.eot?#iefix") format("eot"),url("/files/fonts/23effe05-f9b3-417b-8186-358fa1a487ba.woff2") format("woff2"),url("/files/fonts/4889f3e2-62f3-4272-9187-ec5c7e08b16b.woff") format("woff"),url("/files/fonts/3268e049-ecc8-4b01-b169-43faa731c62c.ttf") format("truetype"),url("/files/fonts/a92efc5a-59ec-45fd-acbe-1b18c3a0e27b.svg#a92efc5a-59ec-45fd-acbe-1b18c3a0e27b") format("svg");
}




@font-face{
font-family:"MinionPro";
src:url("/files/fonts/35d9d14d-a31d-4d9b-a998-00ffc9bd46a4.eot?#iefix");
src:url("/files/fonts/35d9d14d-a31d-4d9b-a998-00ffc9bd46a4.eot?#iefix") format("eot"),url("/files/fonts/18597b82-9a06-46a3-b68b-c250c1105515.woff2") format("woff2"),url("/files/fonts/62100580-a2d1-4d98-bb14-d4c4c3f1a5ba.woff") format("woff"),url("/files/fonts/7ae8e168-1c29-4fcb-bb59-0043c943df3b.ttf") format("truetype"),url("/files/fonts/cfa664d4-e518-4a49-b8a3-fccec93c29c1.svg#cfa664d4-e518-4a49-b8a3-fccec93c29c1") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face{
font-family:"MinionPro";
src:url("/files/fonts/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot?#iefix");
src:url("/files/fonts/0d708c6f-d31c-49ad-b92e-ea37b7ba762b.eot?#iefix") format("eot"),url("/files/fonts/3a415f59-f235-4fac-a05d-e270104dd8e6.woff2") format("woff2"),url("/files/fonts/e364b06d-aac3-4a54-84ff-4b3a2860debb.woff") format("woff"),url("/files/fonts/6346c02d-13da-4d5c-ab2e-13e40d7f24c2.ttf") format("truetype"),url("/files/fonts/8cda8fb2-6a3e-4e20-b063-4fbfca0025e5.svg#8cda8fb2-6a3e-4e20-b063-4fbfca0025e5") format("svg");
font-weight: 400;
font-style: italic;
}
@font-face{
font-family:"MinionPro";
src:url("/files/fonts/aa5ba88d-85c4-4980-b7c2-4409550d1f0b.eot?#iefix");
src:url("/files/fonts/aa5ba88d-85c4-4980-b7c2-4409550d1f0b.eot?#iefix") format("eot"),url("/files/fonts/220fb5bf-4f80-48e5-b8a9-fddd06a97bd3.woff2") format("woff2"),url("/files/fonts/bc6b2067-20c7-4933-8650-b7b076845844.woff") format("woff"),url("/files/fonts/b048d782-a145-42cc-aef5-239535738ea5.ttf") format("truetype"),url("/files/fonts/5512dcf2-a81c-4e4e-9ac3-7fe205b9c25a.svg#5512dcf2-a81c-4e4e-9ac3-7fe205b9c25a") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face{
font-family:"MinionPro";
src:url("/files/fonts/3c49673f-7b55-4f5a-88e8-fdec38e676c0.eot?#iefix");
src:url("/files/fonts/3c49673f-7b55-4f5a-88e8-fdec38e676c0.eot?#iefix") format("eot"),url("/files/fonts/b2ddab79-68b4-4558-aef7-86a99e162e76.woff2") format("woff2"),url("/files/fonts/94313477-1433-40e1-b98b-e79a0315db79.woff") format("woff"),url("/files/fonts/0432e0c7-c8cc-4eb9-a751-3b2d03d23d1a.ttf") format("truetype"),url("/files/fonts/24657480-97c6-44f9-8dc6-68c5f53341e2.svg#24657480-97c6-44f9-8dc6-68c5f53341e2") format("svg");
font-weight: 700;
font-style: italic;
}


h1,h2,h3,h4,h5{
	font-family:"Futura-T";

}

h1,h2,h3{
	font-weight: 300;
}

h1,h2,h3{
	margin-top: 0px;
}

h2{
	font-size: 40px;
}

h3{
	font-size: 35px;
}


h4{
	font-size: 25px;
	/*font-weight:bold;*/
}

h5{
	font-size: 18px;
	font-weight:bold;
}

a{
	color:black;
}

:focus{
	outline: none;
}

a:focus{
	outline: none;
	color:#bc0000;
}

a:hover{
	color:#bc0000;
	text-decoration: none;
}

a.LinkUnterstrichen {
	text-decoration: underline;
}

a.LinkMitPfeil {
	text-decoration: underline;
	font-style: italic;
}

a.LinkMitPfeil:before {
	content: "> ";
}

.hrsection{
	margin-top: -11px;
	border-bottom: 3px solid black;
}
.hrblack{
	border-bottom:3px solid black;
}

body{
	font-family:"MinionPro";
	font-size:18px;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}

.bolder{
	font-weight:300;
}

.theaterbox{
	height: 230px;
	margin-top: 70px;
	text-align: center;
	margin-bottom:70px;
}


.greybox{
	border: 1px solid #ececec;
	background-color: #fcfcfc;
	padding: 20px;
	margin-bottom: 20px;
}

.greybox1{
	width:100%;
	margin-top:20px;
}

.topnav{
	background-color: black;
	color: white;
	height: 30px;
	padding-top: 5px;
	font-size:13px;

}
.white{
	color:white;
}
.topsocial, .topsocial a{
	/*width:150px;*/
	color:black;
	font-size:8px;
	margin-top:-2px;
	vertical-align: middle;
	padding-left:5px;

}

.topsocial{
	margin-left:10px;
}
.topmenu, .topmenu a{

	color:white;
	padding-top:1px;
}
.topmenu{
	padding-right:30px;
}

.topmenu > ul > li{
	display: inline-block;
	border-right: 1px solid white;
	padding-right:10px;
	padding-left:10px;
	height:16px;
}

.topmenu > ul > li > .dropdown-menu{
    margin-top:6px;
    border-top: 2px solid #8b8b8b;
    font-family: "MinionPro";
    font-style:italic;
    color: #6f6f6f;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size:16px;
    border-radius:0;
}

.topmenu > ul > li:last-child{
	border:0;
	padding-right:0;
}


.footmenu, .footmenu a{

	color:#dddddd;
}


.footmenu > ul > li{
	display: inline-block;
	border-right: 1px solid white;
	padding-right:10px;
	padding-left:10px;
	height:16px;
}


.footmenu > ul > li:last-child{
	border:0;
	padding-right:0;
}





.topmenumobile{
		border-top:1px solid black;
		padding-top:10px;
}
.topmenumobile > li{
	margin-left:20px;
}
.social{
	padding-top:1px;
}



.ticketblock{
	text-align: center;
	color: white;
	height: 420px;
	padding:40px;
	background-image:url("/files//ticketblock.png");
	    background-repeat: no-repeat;
	background-color:black;
    background-position: center; 
    font-weight:bold;
    font-family:"Futura-T";
    padding:30px 20px;
}

@media (max-width: 480px){

	.ticketblock{
		  height: 520px;
	}
}


.footerblock{
	background-color:black;
	padding-top: 50px;
	padding-bottom:50px;
	font-size:16px;

}


.footer i{
	font-size:1.5em;
	line-height:.75em;
	color:white;
	padding-right:15px;
	vertical-align: middle;
    line-height:20px;
}

.footer{
	background-color: #333333;
	padding: 15px;
	padding-top:20px;
	min-height:60px;
	font-size:14px;
	vertical-align: middle;
 }

.links i{
	color:white;
	padding-right:15px;
	padding-bottom:20px;
}
.links a{
	color:white;
}

.print{
	padding-right:10px;
}

.whiteonblack{
	color:#dddddd;
}

.whiteonblack h1,.whiteonblack h2, .whiteonblack h3, .whiteonblack h4, .whiteonblack h5, .whiteonblack h6{
	color:white;
}



.sliderbottom_img{
	border: 13px solid white;
	height: 155px;
	width: 155px;
	background-color:white;
}
.sliderbottom_img_div{
	margin-top:-75px;
}

.theaterbox_img{
	height: 100px;
	width: 100px;
}
.theaterbox_img_div{
	margin-top:-70px;	
}

.theaterbox_text{
	padding-top:15px;
	font-size:14px;
}

    .headerimage-wrap {
    max-height: 450px;
    overflow: hidden;
    width: 100%;
    position:relative;
}
 
    .headerimage-wrap img {
	min-width:1024px;
	min-height:450px;
    position: absolute;
    overflow: hidden;

    margin: auto;
    bottom:-50%;
    top:-50%;
    left:-2000px;
    right:-2000px;
    }


#headerslider{
	background-color:black;
	height:450px;
	/*margin-left:-10%;
	margin-right:-10%;

	position:absolute;*/

}
#headerslider .carousel-control{
	height:100px;
	background:0;
	margin-top:165px;
}

#headerslider_img{
	height:450px;
	position:relative;
}

.headerslider_box{
	max-height:360px;
	max-width:350px;
	position:absolute;
	top:30px;
	right:0px;
}
.headerslider_box_white{
	background-color: white;
	color:black;
	padding:8px 10px;
}

.headerslider_box_title{
	font-size:42px;
	/*font-weight:bold;*/
	font-family: "Futura-T";
	padding-bottom:0px;
	line-height: 40px;
}
.headerslider_box_subtitle{
	font-size:20px;
	margin-top:15px;
	font-family:"MinionPro";
	font-style:italic;
	font-size:24px;
}

.headerslider_box_text{
	font-size:18px;
	color:#dedede;
	padding:10px;
	background-color:black;
	margin-top:15px;
	font-family:"MinionPro";
	font-style:italic;
	font-size:20px;
}

.headerslider_box_hr{
	width:35px;
	border:1px solid white;
	margin:15px 0px;
}

.headerslider_box_btn{
	background-color:white;
	color:black;
	height:25px;
	line-height: 15px;
	margin-left:15px;
	/*width:100px;*/
	font-size:18px;
}

.headerslider_box_buttons{
	text-align:right;
}


.blackblock{
	height:60px;
	background-color:black;
	height:60px;
	color:white;
	padding-top:15px;
}

.blackblock a{
	color:white;
}
.wasgespiel-slider{
	background-color:white;
	height:150px;

}
.wasgespielt-slider h4{
/*	height:300px;*/
	font-size:14pt;
}
.wasgespielt-slider_arrows{
	background-color:white;
	background-image:none;
	margin-top:-200px;
	position:absolute;
}
.wasgespielt-slider_arrows.right{
	left:auto;
	right:0;
	/*margin-right:-20px;*/
}
.wasgespielt-slider_arrows.left{
	left:0;
	right:auto;
	/*margin-left:-20px;*/
}
.articlebox img{
	height:180px;
	width:220px;
}
.articlebox{
	height:300px;
}
.articlebox h5{
	font-size:18px;
}


.articlebox .newstitle, .download_title{
	font-family:"MinionPro";
	font-style:italic;
	font-weight: bold;
	font-size:18px;
	margin-top:10px;
	margin-bottom:0;
}
.view-all{
	padding-top:10px;
	padding-bottom:10px;
}
.view-all a{
	font-style:italic;
	font-size:14px;
}

.all-news a{
	font-size:14px;
	font-style:italic;
	text-decoration: underline;
}
.articlebox .text{
	color:#686868;
	font-size:17px;
}

.articlebox h5{
	margin-bottom:3px;
}
.articlebox a{
	text-decoration: underline;
}

.theater-name{

	margin-bottom:55px;
	margin-top:-15px;
	text-align:center;
}
.theater-name img{

	max-width:100%;
	height:auto;
}


    .carousel-inner > .item {
            transition-property: opacity;
        }
        
        .carousel-inner > .item,
        .carousel-inner > .active.left,
        .carousel-inner > .active.right {
            opacity: 0;
        }

        .carousel-inner > .active,
        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            opacity: 1;
        }

        .carousel-inner > .next,
        .carousel-inner > .prev,
        .carousel-inner > .active.left,
        .carousel-inner > .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    


 





.pressestimme{
	height:180px;
	width:210px;
	margin-bottom:10px;
	font-size:15px;
	font-style:italic;
	padding:10px;
	position:relative;
	}

.pressestimme > .link{
	position:absolute;
	bottom:5px;
}

.pressestimme:after, .pressestimme:before {
	top: 179px;
	left: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.pressestimme:after {
	border-color: rgba(252, 252, 252, 0);
	border-top-color: #fcfcfc;
	border-width: 5px;
	margin-left: -5px;
}
.pressestimme:before {
	border-color: rgba(236, 236, 236, 0);
	border-top-color: #ececec;
	border-width: 6px;
	margin-left: -6px;
}       

.pressestimme_where{
	color:#696969;
	font-size:14px;
	font-style:italic;
}

.pressestimme_who{
	font-style:italic;
	font-size:16px;
	margin-bottom:0px;
}


.download_box{
	width:220px;
	height:180px;
}

.download_box img{
	max-width:220px;
	max-height:180px;
}

.vimeo_box{
	width:220px;
	height:180px;
}

.vimeo_box img{
	max-height:180px;

}

#main-container{
	/*max-width: 1054px;*/
 padding: 0px;
}



.inforow{
	background-color:#fcfcfc;
	border:1px solid #e1e1e1;
	border-right:none;
	border-left:none;
	padding:0;
	margin-bottom:40px;

}
.inforow_text{

	border:1px solid #e1e1e1;
	background-color: white;
	padding:20px;
	padding-left:100px;
	min-height:80px;
	position: relative;
	font-size:17px;
	margin: 30px 0;
	border-radius:2px;
}
.inforow_text:before{
	content:"i";
	font-family: "MinionPro";
    font-style: italic;
    font-weight: bold;
    color: white;
    font-size: 28px;
    height:50px;
    width:50px;
    padding:20px;
    line-height:15px;
    position:absolute;
    margin-left:-50px;
    top:0;
    bottom:0;
    margin:auto;
    left:25px;    

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


}


.facebook{
	color:#2b3990;
}

.instagram{
	color:#E3415D;
}

.vimeo{
	color:#d9195a;
}

.twitter{
	color:#27aae1;
}

.rss{
	color:#df5b37;
}

.socialelement, .socialelement a, .socialelement div{
	color:#dddddd;
	font-size:12px;
	margin-bottom:5px;
}
.socialelement_ico{
	font-size:20px;
}
.socialbox{
	margin-top:30px;
}

.socialbox .media-body{
	padding-top: 10px;
}
.doubledrop{
	width:250%;
}

.doubledrop > li{
	display:inline-block;
	border-right:1px solid grey;
	padding-right:25px;
}
.doubledrop > li > ul{
		list-style:none;
	padding-left:20px;

}
.doubledrop > li:last-child{
	border:0;
	padding-right:0;
}

.foerderer{
	margin-bottom:20px;
}

.foerderer_footer img{
	max-width:100% !important;
}

.spielplanlistbox{
border-bottom: 3px solid black;
padding-bottom:30px;
margin-bottom:30px;
}

.spielplanlistbox > .date{
	font-family:"MinionPro";
	font-weight:bold;
	font-style:italic;
	font-size:25px;
	margin-bottom:5px;
}

.spielplanlistbox > h3 {
	margin:0px;
}

.spielplanlistbox > .sub{
	color:grey;
	font-size:18px;
}

.spielplanlistbox > .extra{
	font-style:italic;
	font-weight:bold;
	font-size:20px;
}

.arrowlink, .arrowtext{
	font-weight:bold;
	font-style:italic;
	margin-top:15px;
	font-size:16px;
	/*display:inline-block;*/
	margin-right:10px;
}

.arrowlink:hover, .arrowlink > a:hover {
	border-color:#bc0000;
}

.arrowlink a, .arrowtext span{
	border-bottom:1px solid black; 
}
.arrowlink a:before, .arrowtext span:before{
	content:"\f105";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
	margin-right:4px;
}

.spielplanhead{
	border-bottom:3px solid black;
	margin-bottom:60px;
	padding-bottom:10px;
	color:black;
}


.spielplanlistbox:last-child{
	border:0;
}

.sidebarbox{
	border-top: 3px solid black;
	padding-top: 15px;
	padding-bottom:30px;
}

.sidebarbox .title{
	/*font-weight:bolder;*/
	font-family: "Futura-T";
	font-size:18px;
	margin-bottom: 23px;
	
}

.direktzugriff{
	display:block;
	width:100%;
	background-color:black;
	color: white;
	font-family: "MinionPro";
	font-style: italic;
	font-size:13px;
	height:24px;
	border:0;
	margin-bottom:10px;

}


.schnelleinstieg > li > i{
	margin-right:10px;
	font-size:20px;
}

.schnelleinstieg > li {
	margin-bottom:10px;
}

.lustauftheater img{
	height:60px;
	width:60px;
}

.lustauftheater > li{
	margin-bottom:20px;
}

.lustauftheater .date{
	font-size:15px;
	margin:0;
}
.lustauftheater .title{
	font-size:15px;
	font-family: "Futura-T"
}



.spielplandetailbox{
border-top: 3px solid black;
padding-top:30px;
padding-bottom:30px;
}

.spielplandetailbox  .inforow_text{
	margin-top:0;

}


/*.spielplandetail > .date{
	font-family:"MinionPro";
	font-weight:bold;
	font-style:italic;
	font-size:25px;
	margin-bottom:5px;
}*/

.spielplandetailbox > h3 {
	margin:0px;
	margin-bottom:20px;
}

.spielplandetailbox > .sub{
	color:grey;
	font-size:18px;
}

.spielplandetailbox > .extra{
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px;
}

.spielplandetailbox > .dauer{
	font-weight:bold;
	font-style:italic;
	margin-top:18px;
}

.spielplandetailbox:first-child{
	border:0;
	padding-top:0;
}


.spielplan-slider a{
	display:block;
	height:100px;
	width:150px;
	text-align:center;
}

.spielplan-slider img{	
	height:100px;
}

.spielplan-slider_arrows{
	background-color:white;
	background-image:none;
	margin-top:-60px;
	position:absolute;
}
.spielplan-slider_arrows.right{
	left:auto;
	right:0;
	/*margin-right:-20px;*/
}
.spielplan-slider_arrows.left{
	left:0;
	right:auto;
	/*margin-left:-20px;*/
}


.spielplandetail-tabs > ul, .spielplandetail-tabs > ul a{
font-family: "Futura-T";
font-size:18px;
border: none;
display:inline-block;
color:grey;
text-decoration:none;
margin-bottom:-5px;
}

.spielplandetail-tabs > ul > li.active a{
	color:black;

}

.spielplandetail-tabs > ul > li{
	float:left;
}

.spielplandetail-tabs li + li:before{
    content: " / ";
    padding: 0 30px;
}



.spielplandetail-tabs > .tab-content{
	border-top:3px solid black;
	padding-top: 40px;
}


.spielplandetailboxtitle{
	font-family: "Futura-T";
font-size:20px;
font-style:bold;
border: none;
display:inline-block;
color:black;
text-decoration:none;
margin-bottom:0px;
margin-top:20px;
}

.spielplandetailboxtitle.empfehlungen{
	margin-top:-20px;
}

.spielplandetailboxtitle:first-child, .spielplandetailbox_first{
	margin-top:0;
	border:0;
}

.spielplandetailbox_first{
	padding-bottom:10px;
	padding-top:0px;
}

#termine-und-karten{
	font-family:"MinionPro";
}

#termine-und-karten .btn{
	font-style:italic;
	color:white;
	font-size:20px;
	background-color:black;
	height:34px;
	padding-top:4px;
}

#termine-und-karten .datedetail{
	margin-top:10px;
	margin-left:15px;
	font-size:16px;
}


#besetzung{
	font-style:italic;
}
#besetzung a{
	font-style:italic;
	text-decoration: underline;
}

#pressestimmen{
	font-style:italic;
}
#pressestimmen a{
	font-style:italic;
	text-decoration: underline;
}
#pressestimmen p{
	margin-bottom:20px;
}

.neuigkeiten-footer img{
	height:36px;
	width:36px;
	border:4px solid #333333;
}
.neuigkeiten-footer .media{
	margin-bottom:20px;
	position:relative;
}
.neuigkeiten-footer .media:before {
  content: '';
  position: absolute;
height:36px;
width:36px;
  border: 1px solid #444444;
  z-index: 1;
  left:0;
  top:0;
}

.neuigkeiten-footer .date{
 	font-size:12px;
 	color:#787878;
}

.neuigkeiten-footer p, .neuigkeiten-footer a{
	padding:0;
	margin:0;
	font-size:15px;
	color:white;
}

.spielplanwhere .title{
	font-family: "Futura-T";
	font-size:18px;
}

.spielplanwhere .address{
	font-size:16px;
}

.spielplanwhere .btn{
	font-style:italic;
	color:white;
	font-size:18px;
	background-color:black;
	height:34px;
	width:130px;
	padding-top:4px;
	margin-top:30px;
}

.spielplandetailbox .export{
	text-align:right;
}

.spielplandetailbox .export .btn{
	font-style:italic;
	color:white;
	font-size:18px;
	background-color:black;
	height:33px;
	width:160px;
	padding-top:4px;
	margin-left:10px;
	margin-bottom:10px;
}

.zweiboxen{
	margin: 20px 0px;
	padding: 20px 0px;
}



.workshopsbox{
	border-bottom:3px solid black;
	margin-bottom:50px;
	padding-bottom:40px;
}

.workshopsbox:last-child{
	border:none;
	margin:0;
}

.workshopsbox img, .zweiboxen img{
	max-width:360px;
	max-height:250px;
	margin-bottom:20px;
}

.workshopsbox .info, .zweiboxen .info{
	width:100%;
	min-height:250px;
	border-radius:2px;
	text-align:center;
	padding:30px;
	font-size:18px;

}

.workshopsbox .info > h5{
	font-size:20px;
}

.workshopsbox .info > .price{
	font-size:20px;
	font-weight:bold;
}


.workshopsbox .arrowlink{
	margin: 30px 0;
}


.newslistbox .date, .defaulthead .date{
	font-family: "MinionPro";
	font-style: italic;
	font-weight:bold;
	font-size:22px;
	margin:0;

}

.newslistbox h3, .defaulthead h3{
	margin-top:0;
	padding-top:0;
}

.newslistbox img{
	width:220px;
	height:180px;
}

.newslistbox .sub, .defaulthead .sub{
	font-style:italic;
	font-weight:bold;
	font-size:20px;
}



.newslistbox{
	border-bottom:3px solid black;
	padding-bottom:40px;
	margin-bottom:40px;
}

.newslistbox:last-child{
	border:none;
	margin:0;
}

.collapseHeadline {
	position: relative;
	font-size: 18px;
	border-bottom: 2px solid black;
	padding-bottom: 3px;
}

.chText {
	padding-right: 20px;
}

.chIcon {
	position: absolute;
	top: 0;
	right: 0;
}

.collapseHeadline:hover {
	cursor: pointer;
}

.collapseHeadline.collapsed .fa-chevron-circle-down {
	display: none;
}
.collapseHeadline .fa-chevron-circle-down {
	display: block;
}

.collapseHeadline.collapsed .fa-chevron-circle-right {
	display: block;
}
.collapseHeadline .fa-chevron-circle-right {
	display: none;
}

.ensamble img{
	width:300px;
	height:300px;
}

.ensamble{
	margin-top:30px;
}

.ensamble a > img:hover{
	border: 5px solid lightgrey;
}

.ensamblebox{
	margin-bottom:40px;
	position:relative;

}

.ensamble h3{
	margin-bottom:30px;
}

.ensamblebox h5{
	margin-bottom:5px;
}

.ensamblebox .funktion{
	font-weight:bold;
	font-size:16px;
	color:#989898;
}

.ensamblebox .text{
	color:#686868;
	font-size:16px;
}


.ensamblebox .img:hover:after{
	content:"i";
	font-family: "MinionPro";
    font-style: italic;
    font-weight: bold;
    color: black;
    font-size: 28px;
    height:50px;
    width:50px;
    padding:20px;
    line-height:15px;
    position:absolute;
    top:130px;

    margin:auto;
    left:0px;
    right:10px;
    margin:auto;
    background-color:lightgrey;
    border-radius:50%;
    opacity: .60;
}

.ensamblebox a{
	font-size:16px;
	font-style:italic;
}

.esbV2.ensamblebox .funktion {
	color: #333;
}

.ensambleTeaserContainer:first-child {
	border-top: 2px solid black;
	margin-top: 35px;
}

.ensambleTeaserContainer:last-child {
	margin-bottom: 50px;
}

.ensambleTeaserContainer {
	border-bottom: 2px solid black;
	padding: 10px 0;
	margin: 0 22px;
}

.ensambleTeaserContainer h5 {
	margin: 0;
}

.ensambleTeaserContainer p {
	margin: 0;
}

.imgEnsambleTeaserContainer img {
	width: 100%;
	display: block;
}

.col-teaser{
	float: left;
}

.col-textTeaser {
	padding-left: 20px;
}

@media (min-width: 768px){
	.col-imgTeaser {
		width: 7.815%;
	}
	.col-textTeaser {
		padding-top: 20px;
		width: 67.185%;
	}
	.col-linkTeaser {
		padding-top: 20px;
		width: 25%;
	}
}

@media (max-width: 767px){
	.collapseHeadline {
		font-size: 16px;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.ensambleTeaserContainer h5 {
		font-size: 16px;
	}
	.col-imgTeaser {
		width: 25%;
	}
	.col-textTeaser {
		line-height: 22px;
		width: 75%;
	}
	.col-linkTeaser {
		line-height: 22px;
		width: 100%;
	}
}


a.facebookLink:focus {
	outline: none;
	color: #3C5A99;

}

.facebookLinkContainer {
	color: #3C5A99;
	border-top: 1px solid #3C5A99;
	border-bottom: 1px solid #3C5A99;
	background: transparent;
	background-image: url("/files/img/icon_facebook.svg");
	background-size: 30px;
	background-position: 0 center;
	background-repeat: no-repeat;
	padding-left: 42px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 35px;
}

.facebookLinkContainer p {
	margin-bottom: 0;
}


.vimeothumb{
	position:relative;
}

.vimeothumb i{
    color: white;
    font-size:50px;
    height:50px;
    width:50px;
    position:absolute;
    top:50%;
    line-height:0;
    left:0;
    right:0;
    margin:auto;
    opacity: .70;
}

.vimeothumb i:hover{
	opacity: .80;
}

.vimeothumb_start{
	position:relative;
	height:180px;
	width:220px;
	overflow:hidden;
	text-align:center;
}

.vimeothumb_start i{
	
    color: white;
    font-size:50px;
    height:50px;
    width:50px;
    position:absolute;
    top:50%;
    line-height:0px;
    margin:auto;
    left:0px;
    right:0px;
    margin:auto;


    opacity: .50;
}

.vimeo_wrapper{
	text-align:center;
	position:relative;
}


.vimeothumb_start i:hover{
	opacity: .70;
}

.whitespacer{
	height:40px;
	width:100%;
}	

/* THEATERBOX 2 */



.theaterbox2{

	height:250px;
	border-bottom: 1px dotted lightgrey;
	border-right:1px dotted lightgrey;
	padding:20px;
	line-height:25px;
}

.theaterbox2 img{
	height:80px;
	width:80px;
}

.theaterbox2_text{
	padding-left:10px;
	font-size:14px;

}

.theaterbox2_text .quote{
	color: grey;
	font-style:italic;
}

.theaterbox2_text .name{
	padding-top:10px;
	font-weight:bold;
	margin-bottom:0;
}
.theaterbox2_text .sub{
	margin-top:-5px;
}
.lastrow{
	border-bottom:none;
}


.lastone{
	border:none;
}

.divide-3{
	border-right:none;
}

@media (min-width: 768px) and (max-width: 992px){
	.divide-3{
		border-right:1px dotted lightgrey;
	}

	.divide-2{
		border-right:none;
		border-bottom:1px dotted lightgrey;
	}

}



@media (max-width:768px){
	.lastrow{
		border-bottom:1px dotted lightgrey;
	}
	.theaterbox2{
		border-right:none;
	}
}

.theaterbox2:last-child{
	border-bottom: none;
}

/*END*/



.spacer{
	height:40px;
	width:100%;
}


.bottom-align{
	position:relative;
	height:365px;
}


.bottom-align div{
	position:absolute;
	bottom:20px;

}

.breadchero{
	margin-top:10px;
}

.breadc, .breadc a{
	font-style:italic;
	font-family: "MinionPro";
	font-size:16px;
	margin-top:5px;
}

.breadchero, .breadchero a{
	color:grey;
}

.breadc a{
	text-decoration: underline;
}
.breadc a:hover{
	color:#bc0000;
}


.searchresult h3{
	font-size: 25px;
	color:black;
	text-transform:uppercase;
	margin-bottom:50px;
}

.searchresult h4{
	text-transform:uppercase;

}

.searchfield {
	max-width:300px;
}
.searchfield .form-control{
	border-radius: 0;
}
.searchfield .btn-default{
	background-color:black;
	color:white;
	border:0;
	height:34px;
	border-radius:0;
}

.newsearch{
	color:grey;
	font-size:14px;
}

.navsearch{
	width:250px;
	padding:15px;
	right:0;
	left:auto;
}

.navsearch_m{
	width:100%;
	padding:15px;
}

input[type=text], textarea {
/*  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;*/
  outline: none;
  border: 1px solid #ececec;
}
 
input[type=text]:focus, textarea:focus {
  /*box-shadow: 0 0 5px #bc0000;*/
  box-shadow:none;
  border: 1px solid #ececec;
}

input[type=text]{
	background-color:#fcfcfc;
	box-shadow:none;
	-webkit-box-shadow:none;
	color:black;
}


.form-signin {
  max-width: 330px;

}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  border-radius:0;
}
.form-signin .form-control:focus {
  z-index: 2;
  box-shadow:none;
  border-color:black;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-radius:0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius:0;
}

.form-signin .btn, .logout{
	background-color:black;
	color: white;
}

.download_btn{
	background-color: black;
    color: white;
    height: 24px;
    padding-top: 2px;
}


.zitatbox{
	border-top:2px solid black;
	border-bottom:2px solid black;
	text-align:center;
	padding: 30px 40px;
	font-style:italic;
	font-weight:bold;
	font-size: 25px;
	margin: 30px 0px;
}


.tabelle1 caption{
	font-family: "MinionPro";
	font-style:italic;
	color:black;
	font-size:22px;
}

.tabelle1>tbody>tr:first-child>td{
	border-bottom:1px solid black;
	border-top: 2px solid black;

	word-wrap:none;
} 


.tabelle1>thead>tr>th, .tabelle1>tbody>tr>th, .tabelle1>tfoot>tr>th, .tabelle1>thead>tr>td, .tabelle1>tbody>tr>td, .tabelle1>tfoot>tr>td{
	border-color:black;
	padding-left:0px;
	border:none;
	line-height:20px;
	font-size:18px;
}

.table_h2{
	border-top: 2px solid black;
	border-bottom: 6px solid black;
	padding-top:20px;
	padding-bottom:10px;
	color:black;
}





.tabelle1 {
  margin: 1em 0;
  min-width: 300px;
}


.tabelle1 td {
  display: block;
}
/*.tabelle1 td:first-child {
  padding-top: .5em;
}
.tabelle1 td:last-child {
  padding-bottom: .5em;
}*/
.tabelle1 td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  margin-right:5px;
  /*width: 6.5em;*/
  width:50%;
  display: inline-block;
}
@media (min-width: 480px) {
  .tabelle1 td:before {
    display: none;
  }
}
.tabelle1 .col0, .tabelle1 td {
  text-align: left;
}
@media (min-width: 480px) {
  .tabelle1 td {
    display: table-cell;
   /* padding: .25em .5em;*/
  }
  /*.tabelle1 .col0:first-child, .tabelle1 td:first-child {
    padding-left: 0;
  }
  .tabelle1 .col0:last-child, .tabelle1 td:last-child {
    padding-right: 0;
  }*/
}

@media (max-width: 480px){
	.tabelle1 .col0{
		display:none;
	}

	.tabelle1 tr {
		  border-top: 1px solid black;
		  border-bottom: 1px solid black;
	}
}



.tabelle1 {
  overflow: hidden;
}
.tabelle1 tr {
  /*border-color: #46627f;*/
}
.tabelle1 .col0, .tabelle1 td {
 /* margin: .5em 1em;*/
}
@media (min-width: 480px) {
  .tabelle1 .col0, .tabelle1 td {
   /* padding: 1em !important;*/
  }
}
.tabelle1 .col0, .tabelle1 td:before {
  /*color: #dd5;*/
}



.modal-header{
	position:absolute;
	width:100%;
	border:none;
	z-index:10;
	top: -33px;
	right: -30px;
}

.modal-title{
	display:none;
}

.modal-body{
	padding:0px;
}

.modal-content{
	border:none;
	border-radius:0px;
}

.modal-dialog{
	/*max-width: 80% !important;
	/*margin:auto;
	margin-top:15%;*/
	position: absolute;
    top: 20%;
    left: 10px;
    right: 10px;
    /* bottom: 30%; */
}


@media (max-width:768px){
	.modal-dialog{
		/*max-width: 80% !important;
		/*margin:auto;
		margin-top:15%;*/

	    top: 10px;

	   
	}
}

@media (max-width:450px){
	.modal-dialog{
		/*max-width: 80% !important;
		/*margin:auto;
		margin-top:15%;*/

	    top: 20%;

	   
	}
}



.modal-header .close{
	color:white;
	background:none;
	opacity: .8;
}

.modal-footer{
	padding:30px;
}
/* ---------- Calendar ---------- */

#calendar {height:250px; width:200px;}
#calendar #ical { }
#calendar #ical #calHead { overflow:hidden; width:224px; position:absolute; height: 52px; text-align:center; background:url(files/bg-days.gif) 2px 27px no-repeat transparent;}
#calendar #ical #calHead #mon-prev {position:absolute; left:0px; top:0px; width:20px; height:18px; display:block; }
#calendar #ical #calHead #mon-prev: { background-position:-0 0; }
#calendar #ical #calHead #mon-next {position:absolute; right:0px; top:0px; width:20px; height:18px; display:block;  }
#calendar #ical #calHead #mon-next:hover { background-position:-21px 0; }
#calendar #ical  span#calHeadMon { width:190px; font-size:14px; text-transform:uppercase; font-weight:bold; line-height:16px;}
#calendar #ical .calendar { width:224px; height: 200px; padding:0; margin:25px 0; position:absolute;}
#calendar #ical .calendar tr { }
#calendar #ical tr.tableDays { background:transparent; }
#calendar #ical .calendar th { text-align:center; line-height:25px; font-family: "Futura-T"; font-weight:bold; font-size:14px; }
#calendar #ical .calendar td {  line-height:24px; background-color:#DFDFDF; border: 2px solid #FFFFFF; text-align:center;}
#calendar #ical .calendar td.linked-day { border-bottom:2px solid #bc0000; }
#calendar #ical .calendar td.linked-day a { display:block; color:#333; }
#calendar #ical .calendar td.linked-day:hover{ background-color:#bc0000; color:white; }
#calendar #ical .calendar td.linked-day:hover a,
#calendar #ical .calendar td.linked-day a:hover { color:white; }
#calendar #ical .calendar td.dayEmpty { border:0px; background:url(files/bg-emptyday.gif) repeat-x transparent; }



/* ---- nav ----*/

.main-nav{
    font-family: "Futura-T";
    font-weight: bold;
    font-size:16px;
    font-color:black;
/*    float:right;*/
    margin-top:20px;
}

.header-logo{
/*    width:170px;*/
margin-right:20px;
margin-top:3px;
}
.header-logo img{
        height: 40px;
        width: 40px;

}

.dropdown-menu>.active>a {
    background-color: white;
    color:#333;
    font-weight:bold;
}

.dropdown-menu>.active>a:hover {
    background-color: white;
    color:#333;
}

.navbar-nav > li > .dropdown-menu{
    margin-top:18px;
    border-top: 2px solid #8b8b8b;
    font-family: "MinionPro";
    font-style:italic;
    color: #6f6f6f;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size:16px;
    border-radius:0;
}

.doubledropdown {
    font-family: "MinionPro";
    font-style:italic;
    color: #6f6f6f;
    list-style: none;
    padding-left:20px;
    width:300px;
}

.doubledropdown > ul,
.doubledropdown > ul > li > a {
    list-style: none;
    color: #6f6f6f;
}



/* navbar */
.navbar-theater-main {
    background-color: white;
    border: none;

}
/* title */
.navbar-theater-main .navbar-brand {
/*    color: #777;*/
}
.navbar-theater-main .navbar-brand:hover,
.navbar-theater-main .navbar-brand:focus {
   /* color: #5E5E5E;*/
}
/* link */
.navbar-theater-main .navbar-nav > li > a {
    color: black;
}
.navbar-theater-main .navbar-nav > li > a:hover,
.navbar-theater-main .navbar-nav > li > a:focus {
    color: black;

    background-color:white;
}
.navbar-theater-main .navbar-nav > .active  > div, 
.navbar-theater-main .navbar-nav > .active  > div:hover, 
.navbar-theater-main .navbar-nav > .active  > div:focus {
    color: black;
    background-color: white;
    border-top: 3px solid black;
    margin-top:-3px;

    top:13px;
    left:15px;
    right:15px;
    position:absolute;
}



.navbar-theater-main .navbar-nav > .open > a, 
.navbar-theater-main .navbar-nav > .open > a:hover, 
.navbar-theater-main .navbar-nav > .open > a:focus {
    color: black;
    background-color: white;
}
/* caret */
.navbar-theater-main .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-theater-main .navbar-nav > .dropdown > a:hover .caret,
.navbar-theater-main .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-theater-main .navbar-nav > .open > a .caret, 
.navbar-theater-main .navbar-nav > .open > a:hover .caret, 
.navbar-theater-main .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-theater-main .navbar-toggle {
    border-color: black;
    padding-top:10px;
}
.navbar-theater-main .navbar-toggle:hover,
.navbar-theater-main .navbar-toggle:focus {
    background-color: #DDD;

}
.navbar-theater-main .navbar-toggle .icon-bar {
    background-color: black;
}
@media (max-width: 767px) {

.spielplandetail-tabs li + li:before{
    content:" ";
    padding:0px;
}

.spielplandetail-tabs > ul > li{
    float:none;
}

    .navbar-theater-main .navbar-nav .open .dropdown-menu > li > a {
        color: black;
    }
    .navbar-theater-main .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-theater-main .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }

    .navbar-theater-main .navbar-nav > .active > a, 
.navbar-theater-main .navbar-nav > .active > a:hover, 
.navbar-theater-main .navbar-nav > .active > a:focus {
    color: black;
    background-color: #ddd;


    width:74%;

}
.navbar-theater-main .navbar-nav > .active > a > div, 
.navbar-theater-main .navbar-nav > .active > a > div:hover, 
.navbar-theater-main .navbar-nav > .active > a > div:focus {
  display:none;
}

.main-nav{
    float:none;
}

.topmenu{
    display:none;
}
#headerslider{
    height:500px;
}

.headerslider_box{
    margin:auto;
    left:0px;
    right:0px;
}
.navbar-brand{
    margin-top:-10px;
}

}

.btn:hover{
	background-color:#bc0000;
	color:white;
}

.col-md-3 .imgbox img{
	max-width:223px;
}

@media (min-width: 768px) and (max-width: 992px){
    #navbar-theater-container{
        width:100%;
    }

    .navbar-brand{
        display:none;
    }

    .navbar-collapse{
        padding:0px;
    }
}


@media (max-width:768px){
    .row {
    /*text-align:center;*/
	}


	h2{
	font-size: 32px;
	}

	h3{
		font-size: 30px;
	}


	h4{
		font-size: 20px;
	}

	h5{
		font-size: 18px;
	}

	/*.neuigkeiten-footer  .media-body p{
		margin-left:-45px;
	}*/

	.socialbox .media-body{
		text-align:left;

	}

	.socialbox{
		margin-bottom:30px;
	}

	.socialelement{
		margin:0;
	}

	.center-xs{
		text-align:center;
	}

	.newslistbox .media-left{
		display:block;
	}

	.ensamblebox img{
		max-width:100%;
	}


	.ticketblock{
		font-size:14px;
	}
}


@media (min-width:769px){
	.newslistbox .media-body{
		padding-left:20px;
	}

}


.bottomspace{
	margin-bottom:30px;
}







.green{
	color:#14961e;
}
.red{
	color:#b4001e
}
.yellow{
	color:#ffb405;
}
.white{
	color:white;
}




.spielplanlistbox .pdf{
	background-color:#e7e7e7;
	height:12em;
	padding-top:4em;
}

.spielplanlabel{
    background-color: #ed0770;
    display: inline-block;
    padding: 0px 12px;
    line-height: 28px;
    border-radius: 2px;
    color: white;
    font-style: italic;
    font-size: 20px;
    font-weight:normal;
}

.spielplanlistbox .date .datum {
	margin-right:1em;
	display:inline-block;
}

.spielplandetailbox .spielplanlabel{
	margin-bottom:1em;
}

.coloredIntroText {
	font-family: "MinionPro";
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
}

.stHeadline {
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.stSubheadline {
	font-family: "MinionPro";
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 30px;
}

.stHeadline  + .stSubheadline {
	margin-top: -28px;
}

/*
.stLogoContainer {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.stLogoElement {
	max-width: 150px;
	margin: 0 5px;
}
*/

.stLogoWrapper {
	background: #efefef;
	padding: 25px 0 0 0;
	margin-top: 50px;
}

.stLogoWrapper + .stLogoWrapper {
	margin-top: 0;
	padding-top: 0;
}

.stLogoContainer {
	/*
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	*/
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	display: inline-block;
}

.stLogoElement {
	max-width: 190px;
	margin: 0 5px;
	vertical-align: middle;
	display: inline-block;
}


.stImgLogo {
	width: 100%;
	margin-bottom: 25px;
	display: block;

}



.newslistbox.stBox {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.stHrblack {
	border-bottom:3px solid black;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}


.stBildbox {
	border-top: 3px solid black;
	padding-top: 10px;
	margin-top: 9px;
	margin-bottom: 20px;
}

.stBildbox h2 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.stBildbox img {
	width: 100%;
	margin-bottom: 15px;
	display: block;
}

.stBildbox p {
	font-size: 14px;
}

ul.linkBox {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}


ul.linkBox li a {
	font-style: italic;
}

ul.linkBox li.activeElement a {
	font-weight: bold;
}

ul.linkBox li a .fa {
	visibility: hidden;
	margin-right: 5px;
}

ul.linkBox li.activeElement a .fa {
	visibility: visible;
}


.cr_ipe_item {
    text-align: left !important;
}

.cr_button {
    margin: 1em 0em 1.5em 0;
    font-size:0.9em;
    background-color:black;
    color:white;
    font-weight: normal;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cr_form {
    max-width:640px;
    margin-bottom:2em
}

.cr_ipe_item input {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #aaa;
    padding: 5px;
}

.noPadRight {
	padding-right: 0 !important;
}