/*
Farben:
=======
schwarz:	050200
weinrot:	8b093e
grün:		77c7c8
blau:		7795ac
grau:		7f7f7f
*/

a,
#startseite .oben .rechts,
#startseite .oben .rechts .csc-frame,
#startseite .container-inhalt .teaser img,
.darsteller .bild img,
.ensemble-elem img,
header .btnMobileMenu,
header .logo img,
.block-stuecke .stueck-elem img,
header .navbar,
.tx-powermail input[type=submit]{
	-o-transition:all ease .3s;
	-ms-transition:all ease .3s;
	-moz-transition:all ease .3s;
	-webkit-transition:all ease .3s;
	transition:all ease .3s;
}
.teaser .text a.btn:hover{
	background:#fff;
	color:#050200;
}
#startseite .teaser .no-image.bg-weiss .text .verlinkungen a:hover,
#startseite .teaser .no-image.bg-schwarz .text .verlinkungen a:hover,
#startseite .teaser .no-image.bg-rot .text .verlinkungen a:hover,
#startseite .teaser .no-image.bg-gruen .text .verlinkungen a:hover,
#startseite .teaser .no-image.bg-lila .text .verlinkungen a:hover,
#startseite .teaser .no-image.bg-hell-blau .text .verlinkungen a:hover,
#startseite .teaser .no-image.bg-dunkel-blau .text .verlinkungen a:hover{
	color:#000;
}
#startseite .teaser .no-image.bg-weiss .text .verlinkungen a:hover{
	background:#000;
	color:#fff;
}
#container-overlay-navi .level-1 > .navi-elem.cur > a,
#container-overlay-navi .level-1 > .navi-elem:hover > a,
#container-overlay-navi .level-2 > .subnavi-elem:hover > a,
#container-overlay-navi .level-1 .navi-elem.active > a{
	color:#7795ac;
}
#btn-presse:hover{
	color:#fff;
	background: #000;
}
#startseite .container-inhalt .teaser:hover img,
.darsteller:hover .bild img,
.ensemble-elem:hover img,
.block-stuecke .stueck-elem:hover img{
	transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.spielplan-heute .verlinkungen a:hover,
.tx-powermail input[type=submit]:hover,
a.link-ticket:hover{
	color:#fff !important;
	background:#000;
}
.navbar nav .navi-elem a:hover,
.spielplan-inhalt .termin a:hover,
.navi-level-3 .navi-elem-level-3 a:hover{
	color:#77123f;
}
footer .navi-meta .metanavi-elem a:hover{
	color:#000;
}
.inhalt a:hover,
.stueck .vorstellungstermine a.link-ticket:hover{
	color:#7795ac;
}
header.shrink .navbar{
	border-color:#fff;
}
.block-stuecke .stueck-elem.bg-musiktheater:nth-child(odd) a:hover{
	background:#fff;
	color:#c7a912;
	border-color:#fff;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-musiktheater:nth-child(even) a:hover{
	background:#c7a912;
	color:#fff;
	border-color:#c7a912;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-ballett:nth-child(odd) a:hover{
	background:#fff;
	color:#00525d;
	border-color:#fff;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-ballett:nth-child(even) a:hover{
	background:#00525d;
	color:#fff;
	border-color:#00525d;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-schauspiel:nth-child(odd) a:hover{
	background:#fff;
	color:#849f3a;
	border-color:#fff;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-schauspiel:nth-child(even) a:hover{
	background:#849f3a;
	color:#fff;
	border-color:#849f3a;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-junges-theater:nth-child(odd) a:hover{
	background:#fff;
	color:#5f3162;
	border-color:#fff;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-junges-theater:nth-child(even) a:hover{
	background:#5f3162;
	color:#fff;
	border-color:#5f3162;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-konzerte:nth-child(odd) a:hover{
	background:#fff;
	color:#89113c;
	border-color:#fff;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-konzerte:nth-child(even) a:hover{
	background:#89113c;
	color:#fff;
	border-color:#89113c;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-ndb:nth-child(odd) a:hover{
	background:#fff;
	color:#8094a9;
	border-color:#fff;
	text-shadow:none;
}
.block-stuecke .stueck-elem.bg-ndb:nth-child(even) a:hover{
	background:#8094a9;
	color:#fff;
	border-color:#8094a9;
	text-shadow:none;
}
.block-stuecke .stueck-elem.mit-bild .text a:hover,
.block-stuecke .stueck-elem.mit-bild .verlinkungen a:hover{
	background: #fff;
}
.container-inhalt .inhalt a:hover{
	border-bottom:1px solid #000;
	color:#000;
}


/*** Mobile Navi Button ***/
.btnMobileMenu span.pipe,
#naviMobile{
	-o-transition:all ease .3s;
	-ms-transition:all ease .3s;
	-moz-transition:all ease .3s;
	-webkit-transition:all ease .3s;
	transition:all ease .3s;
}
.btnMobileMenu span.pipe{
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.btnMobileMenu.open span.pipe{
	background-color:#000;
}
.btnMobileMenu.open span.pipe:nth-child(1){
	top: -1px;
	left: 4px;
	-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btnMobileMenu.open span.pipe:nth-child(2){
	width: 0%;
	opacity: 0;
}
.btnMobileMenu.open span.pipe:nth-child(3){
	top: 14px;
	left: 4px;
	-moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#naviMobile{
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-o-transform-origin: center tio;
	transform-origin: center top;
	transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
#naviMobile.open{
	opacity:1;
	transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    -webkit-transform: scale(1.0);
}
.btnMobileMenu .inner{
	width:21px;
}
