/* accordion */

.accordion-title {
    font-style: normal;
    position: relative;
    cursor: pointer;
    padding: 0 25px 0 0;
    margin-bottom:10px;
}
.accordion-title .icon-arrow-down,
.accordion-title .icon-arrow-up {
    position: absolute;
    right: 0;
    top: -2px;
    background: url("../images/sprite.png") no-repeat 8px -192px #fff;
    width:40px;
    height:40px;
}


.accordion-title .icon-arrow-up {
    display: none;
}
.accordion-title .icon-arrow-down {
    transform: rotate(180deg);
    transition: all 500ms;
}
.accordion-title.active .icon-arrow-down {
    transform: rotate(0);
    transition: all 500ms;
}
.accordion-content {
    display: none;
    overflow: hidden;
}
/* tabs */
.tabs .tablinks {
    list-style: none;
    margin: 0;
}
.tabs .tablinks li {
    display: inline-block;
    *display:inline;
    *zoom:1;
    margin: 0 0 20px 0;
}
.tabs .tablinks li a {
    background: #ffffff;
    text-decoration: none;
    padding: 7px 8px;
    margin: 0 0 0 4px;
    color: #746C61;
}
.tabs .tablinks li a:hover {
    color: #ffffff;
    background-color: #857866;
}
.tabs .tablinks li a.current-tablink {
    color: #ffffff;
    background-color: #857866;
}
.tabs .tablinks li a:first-child {
    margin: 0;
}
.tabs .tab-content {
    display: none;
}
.tabs .current-tab-content {
    display: block;
}

/* TABELLE https://www.theatermuseum.at/hinter-den-kulissen/organisation/team/ */

table td { vertical-align:top; }
table td p { font-size:1em; }
@media screen and (max-width:767px) {
table tr {width:100%; display:flex;  flex-direction:column; }
table td { width:100%; }
}

.temuticketbtn {background-color: #fff !important; display:block;
	border:2px solid black;
	text-align:center;
	padding-top:1em;
	padding-bottom:1em;
	text-transform: uppercase;text-decoration:none!important;
	font-family: "DINWebPro-CondBold";
	font-size:1.091em; margin-bottom:2rem;
	}


.content-right h1 { font-size:2.25em; }
.tipp a, .tipp a:hover { color:#fff; }

.chamaeleon1 { position:absolute; top:0; left:-8%; }
.chamaeleon-suche, .chamaeleon2 { height:0; overflow:visible; text-align:right; }
.dots, .chamaeleon3, .chamaeleon7 { height:0; overflow:visible; text-align:left; }

a.ticketbtn { font-family: "DINWebPro-CondBold"; font-size:1.091em; padding:.5em 1em .375em; border:2px solid #000; background:#000; color:#fff; text-decoration:none; margin: 0 0 .5em 0; display: inline-block; }
a.ticketbtn:hover { background-color:#fff; color:#000; }

/* 767px 47.938em */
@media only screen and (max-width: 767px) {
.chamaeleon1, .chamaeleon-suche, .dots, .chamaeleon3, .chamaeleon7, .chamaeleon2 { display:none; }
}

/* Nici 3.2019: Deutsches Element ausblenden für Kalender-Sonderlösung auf Englisch */
.hide-de { display:none; }

/* Nici 20.3.2019: float stört den drunterstehenden Terminkalender, daher weggeschalten */
.content-right .box-product {   float: none; }

/* Nici 20.3.2019: Mobile Ansicht für Performance-Teaser */
@media only screen and (max-width:450px){ .csc-textpic-text { width: 100%; margin: 0!important; }}

/* Nici 04.03.2020 Newsletter Formular NEU */
.field__error { color: #a20000; font-size: 0.847em; line-height: 1.45em;  }
label.label--left { font-size: 1em; }


/* HINWEIS (CORONA) 10.3.2020 */
.hinweis {
    margin-bottom: 30px;
padding: 18px 40px;
    text-align: center;
    display: block;
    background: black;
    color:white!important;
    letter-spacing: 0.5px;
    transition: all 0.3s;
    text-decoration:none!important;
    border:3px dashed transparent;
    line-height:120%;
}
a.hinweis:before {
    content: 'i';
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none!important;
}
.hinweis:hover { background:white; border:3px dashed black; color:black!important; }
.canceled { text-decoration: line-through; }
.txthinweis { background:white; padding:2px 4px; }

@media only screen and (max-width: 47.938em) {

	.container-isotope h5 {
		color: unset!important;
	}
	
	}
	
/* Presse Downloads */
.tx-pressebox-pi1 {position:relative}
.tx-pressebox-pi1 .large-4.columns a.more{top:-20px}
.tx-pressebox-pi1 .large-4.columns p{ margin-bottom: 0; }
.tx-pressebox-pi1 .large-4.columns { margin-bottom: -20px;}