html {
    overflow-y: scroll;
    overflow-x: auto;
    height: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
	--sp-font-size: 15px;
	--sp-line-height: var(--sp-line-height-h3);
	--sp-font-size-search: 13px;
	--sp-font-size-chevron: 1.5em;
	--sp-font-size-facebook:1.3em;
	--sp-font-size-circle: 10px;
	--sp-font-size-h1: 24px;
	--sp-font-size-h2: 18px;
	--sp-font-size-small: 12px;
	--sp-font-size-small-footer: 11px;
	--sp-font-size-medium: 14px;
	--sp-font-size-very-small: 10px;
	--sp-font-size-day: 31px;
	--sp-font-size-banner: 25px;
	--sp-font-size-tp: 20px;
	--sp-font-size-time: 31px;

	--sp-line-height-h1: 28px;
	--sp-line-height-h2: 22px;
	--sp-line-height-h3: 21px;
	--sp-line-height-kalender: 14px;
	--sp-line-height-monatsnavi: 28px;
	--sp-line-height-daybox: 15px;
	--sp-line-height-day: 31px;
	--sp-line-height-daybox-span: 21px;
	--sp-line-height-rightcolumn: 18px;
	--sp-line-height-top-button: 30px;
	--sp-line-height-footer: 20px;
	--sp-line-height-kalender: 56px;
	--sp-line-height-kalender-month: 17px;
	--sp-line-height-mandatory: 16px;
	--sp-font-size-close: 45px;


    background-color: #fff;
    color: #000;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: justify;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-family: 'Lusitana', serif;
    color: #363d43;
    font-size:var(--sp-font-size);
    line-height:var(--sp-line-height);
}
.fw-bold {
	font-weight:bold !important;
}
.text-center {
	text-align:center !important;
}
.m-0 {
	margin:0;
}
.m-0-children p {
	margin:0;
}
.mb-3 {
	margin-bottom:1rem !important;
}
hr {
	width:100px;
	margin:2rem auto;
}
.spacer {
	height:2rem;
}
a img {
	border:none;
}
.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

a {
    color: #4b4a4a;
}
a:hover {
	color:#DD0000;
}
sup {
   font-size:70%;
}
#footer sup {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

i, em {
	font-family:"Georgia";
	font-style:italic;
}
@media screen and (max-width: 950px) {
	.hideMobile {
		display:none !important;
	}
}
.hideDesktop {
	display:none !important;
}
@media screen and (max-width: 950px) {
	.hideDesktop {
		display:block !important;
	}
}
.georgia {
	font-family:"Georgia";
}
/******* FORMS ******/
#footer form {
    margin-top: 5px;
}
#footer input {
	border:none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	margin-bottom:10px;
	height:23px;
	padding-left:14px;
	width: 100%;
	font-style: italic;
	font-family:"Georgia";
}
#footer button[type=submit] {
	width:90px;
	float:right;
	background-color:inherit;
	cursor:pointer;
	border:none;
	padding-right:0;
	margin-right:0px;
	text-align:right;
	text-decoration:underline;
	font-style: italic;
}
#footer button[type=submit]:hover {
	color:#DD0000;
}
.search {
	padding:6px 15px 6px 15px;
	height:30px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	border:none;
	background-color:#eaedf0;
	width:172px;
	font-style: italic;
	font-family:"Georgia";
	font-size:var(--sp-font-size-search);
}
.searchbutton {
	position:relative;
	border:none;
	cursor: pointer;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	height:30px;
	width:30px;
	font-family:'FontAwesome';
	background-color:#ccc;
	padding:6px 0px 6px 0px;
	font-size:var(--sp-font-size-search);
}

@media screen and (max-width: 950px) {
	#spielplansuchmaske {
		width:100%;
	}
	#spielplansuchmaske form {
		padding:0px 10px;
	}
	.search {
		width:calc(100% - 30px);
	}
}

/*************/

.noTopMargin {
	margin-top:-15px;
}
.noBottomMargin {
	margin-bottom:-15px;
}
/*******SEITENAUFBAU*********/
.wrapper {
    width: 950px;
	margin: auto;
    margin-top: 0px;
    position: relative;
}

@media screen and (max-width: 950px) {
	.wrapper {
	    width: 100%;
	    margin: 0px;
	}
}
.zuruecklink {
	position:absolute;
	right:0;
	top:18px;
	width:120px;
	text-align:center;
	z-index:100;
}
#pressemeldung {
	position:relative;
}
.zuruecklink_bottom {
	right:0;
	position:relative;
	width:120px;
	text-align:center;
}
.zuruecklink_bottom.box {
	float:right;
}
@media screen and (max-width: 950px) {
	.zuruecklink, .zuruecklink_bottom {
		display:none;
	}
}

.mejs-container {
	width:100% !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
 	background: -moz-linear-gradient(top,  rgba(221,0,0,1) 0%, rgba(227,28,28,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(221,0,0,1) 0%,rgba(227,28,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(221,0,0,1) 0%,rgba(227,28,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0000', endColorstr='#dd0000',GradientType=0 ); /* IE6-9 */
}
/***** ICONS *****/

.chevronleft:before {
	font-family: 'FontAwesome';
	content: "\f053";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
}
.chevronright:before {
	font-family: 'FontAwesome';
	content: "\f054";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
}
.chevronup:before {
	font-family: 'FontAwesome';
	content: "\f077";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
}
.chevronup.large:before {
	font-size:var(--sp-font-size-chevron);
}
.chevrondown:before {
	font-family: 'FontAwesome';
	content: "\f078";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
}
.download:before {
	font-family: 'FontAwesome';
	content: "\f019";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
}
.urllink:before {
	font-family: 'FontAwesome';
	content: "\f08e";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
}
.ticketlink:before {
	font-family: 'FontAwesome';
	content: "\f145";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
	font-size:var(--sp-font-size);
}
.euro:before {
	font-family: 'FontAwesome';
	content: "\f153";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
	font-size:var(--sp-font-size);
}
.pdf:before {
	font-family: 'FontAwesome';
	content: "\f1c1";
	padding-right:5px;
	display:inline-block;
	font-style:normal;

}
.facebook:after {
	font-family: 'FontAwesome';
	content: "\f082";
	padding-left:5px;
	display:inline-block;
	font-style:normal;
	font-size:var(--sp-font-size-facebook);
}
.bild:before {
	font-family: 'FontAwesome';
	content: "\f1c5";
	padding-right:5px;
	display:inline-block;
	font-style:normal;
}
.fa-circle.mceNonEditable {
	font-size:var(--sp-font-size-circle);
	margin-right:2px;
}

/**********HEADER***********/

#header {
    height: 145px;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 10;
    text-align: center;
    border-bottom: 2px solid #000;
}


#header a {
	text-decoration:none;
}
body.hasSecondNavi #header {
    height: 170px;
}

@media screen and (max-width: 950px) {
	#header,
	body.hasSecondNavi #header {
		height:auto;
		position:relative;
		border:none;
	}
	/*#main .container {
		padding-top:20px !important;
	}*/

}

span#schriftzug {
    position: relative;
    background-image: url(../images/schriftzug-retina.gif);
    width: 592px;
    height: 62px;
    background-size: 100%;
    margin: auto;
    margin-top: 27px;
    display:block;
}

@media screen and (max-width: 950px) {
	span#schriftzug {
		display:none;
	}
}

#logoContainer {
    position: fixed;
    top: 0;
    height: 0;
    pointer-events: none;
    width: 100%;
    z-index:100;
}

#logo {
    position: absolute;
    top: 0;
    right: 0;
    height: 163px;
    width: 78px;
    z-index: 10000;
    background-image: url(../images/logo-retina.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
}
#logo_mobile_container {
	position: absolute;
    top: 0;
    right: 10px;
    height: 60px;
    width: 55px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;

}
#logo_mobile {
	position: absolute;
    top: 0;
    right: 0px;
    height: 85px;
    width: 55px;
    z-index: 10000;
    background-image: url(../images/logo-retina.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100%;
}
@media screen and (max-width: 320px) {
	#logo_mobile_container {
		width:45px;
	}
	#logo_mobile {
		height: 79px;
	    width: 45px;
	    background-size: 100%;
	}
}

body.hasSecondNavi #logo {
    height: 190px;
}

@media screen and (max-width: 950px) {
	#logoContainer,
	#logo {
		display:none;
	}
}

/************MAIN*************/

#main {
    position: relative;
    z-index: 1;
}

#main .container {
    margin-top: 145px;
}

body.hasSecondNavi #main .container {
    margin-top: 170px;
}

@media screen and (max-width: 950px) {
	#main .container,
	body.hasSecondNavi #main .container {
		margin-top:0;
	}
}

#main .wrapper {
    padding-top: 30px;
	position:relative;
}

@media screen and (max-width: 950px) {
	#content > #startseite {
	    margin-top: -30px;
	}

	#footer .wrapper {
		padding:10px 0 0 0;
	}
}

{{/* #videopopup .fs-1 {
	font-size:var(--sp-font-size-h1);
	font-weight:700;
	line-height:var(--sp-line-height-monatsnavi);
	margin-bottom:1rem;
} */}}
/***********CONTENT**********/
#footer h1,
#footer .fs-1,
#content h1,
#content .fs-1,
.headline_1,
#content .headline_1,
.fs-1 {
	font-size:var(--sp-font-size-h1);
	text-transform: uppercase;
	font-weight:700;
	line-height:var(--sp-line-height-h1);
	margin:0;
	padding:0;
	display:block;
	text-align:left;
	hyphens: none;

}
#footer h2,
#footer .fs-2,
#content h2,
#content .fs-2,
.headline_2,
.fs-2 {
	font-size:var(--sp-font-size-h2);
	text-transform: uppercase;
	font-weight:700;
	line-height: var(--sp-line-height-h2);
	margin:0;
	paddig:0;
	display:block;
	text-align:left;
	hyphens: none;
}
#footer h3,
#footer .fs-3,
#content h3,
#content .fs-3,
.headline_3,
.fs-3 {
	font-size:var(--sp-font-size);
	text-transform: uppercase;
	font-weight:700;
	line-height:var(--sp-line-height-h3);
	margin:0;
	padding:0;
	display:block;
	text-align:left;
	font-family:"Georgia";
	hyphens: none;
}

#footer h4,
#footer .fs-4,
#content h4,
#content .fs-4,
.fs-4 {
	font-size:var(--sp-font-size);
	line-height:var(--sp-line-height-h3);
	margin:0;
	padding:0;
	display:block;
	font-weight:700;
	text-transform:none !important;
	text-align:left;
	hyphens: none;
}

#footer h1 + h2,
#content h1 + h2,
.headline_1 + .headline_2 {
	margin-top:15px;
}
#footer h2 + h3,
#content h2 + h3,
.headline_2 + .headline_3 {
	margin-top:15px;
}

p {
	margin:15px 0px;
}
#footer p {
	margin:5px 0px 15px 0px;
}
/*h1 + p,
h2 + p,
h3 + p,
h4 + p,*/
.leftColumn p:first-child,
.rightColumn p:first-child {
	margin-top:0;
}
.small {
	font-size: var(--sp-font-size-small);

	line-height:var(--sp-line-height-h3);
}
#footer .small {
	font-size: var(--sp-font-size-small-footer);

}
.medium {
	font-size: var(--sp-font-size-medium);
	line-height: var(--sp-line-height-h3);
}
.rightColumn .box p {
	font-size: var(--sp-font-size-small);
	line-height: var(--sp-line-height-h3);
	font-style: italic;
	font-family:"Georgia";
	line-height:var(--sp-line-height-rightcolumn);
	text-align:left;
	margin-top:0;
}
.small_kursiv {
    font-size: var(--sp-font-size-small);
	line-height: var(--sp-line-height-h3);
	font-style: italic;
	font-weight:normal;
	text-transform: none;
	font-family:"Georgia";
}
.noMarginTop {
	margin-top:0;
}
.very_small {
   font-size: var(--sp-font-size-very-small);
	line-height: var(-sp-line-height-rightcolumn);
}
.kursiv {
	font-style: italic;
	font-weight:normal;
	text-transform: none;
	font-family:"Georgia";
}
.red {
	color:#d60000
}
#content table {
	width:100%;
	table-collapse:collapse;
}
#content table td {
	vertical-align: top;
}
@media screen and (max-width: 950px) {
	h1, h2, h3, h4, h5, h6, p, .headline_1, .headline_2, .padding,
	.fs-1, .fs-2, .fs-3, .fs-4 {
		padding:0 10px !important;
	}

	#content table {
		margin:0px 10px;
		width:95%;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width:calc(100% - 20px) ;
	}
}

/*****FOOTER********/
#nachOben {
	padding:20px 0 5px 0;
}
#nachOben .wrapper {
	display:none;
}
#top_button {
	text-decoration:underline;
	cursor:pointer;
	font-family:"Georgia";
	font-size: var(--sp-font-size-small);
	line-height: var(--sp-line-height-h3);
	font-style: italic;
}
@media screen and (max-width: 950px) {
	#nachOben .wrapper {
		margin:0;
		margin-right:10px;
		padding:0;
		width:50px;
		height:50px;
		position:fixed;
		bottom:0px;
		right:0;
		background-color:rgba(150,150,150,0.8);
		color:#fff;
		z-index:1000;
		border-top-left-radius:50%;
		border-top-right-radius:50%;
		padding-left:4px;
		text-align:center;
	}
	p#top_button {
		padding:10px 10px 10px 10px !important ;
		margin:0 !important;
		display:block;
		height:30px;
		width:30px;
		line-height:var(--sp-line-height-top-button);
	}
	#top_button span{
		display:none;
	}
	#subFooter {
		margin-bottom:60px;
	}
}
#footer {
	position:relative;
	background-color:#eaedf0;
	line-height:var(--sp-line-height-footer);
	padding:20px 0px;
}
#footer p {
	font-family:"Georgia";
	font-style:italic;
}
#css-table {
	display: table;
	width:100%;
}
#css-table .col {
	display: table-cell;
	width: 245px;
	vertical-align:top;
}
#css-table .col div {
	margin: 10px 30px 10px 0px;
}
#css-table .col:last-child {
	width:215px;
}
#css-table .col:last-child div {
	margin-right:0px;
	margin-bottom:0px;
}
#footer button {
	margin-bottom:10px;
}
#subFooter .left{
	float:left;
	margin: 10px 0;
	text-align:left;
}
#subFooter .right{
	float:right;
	margin: 10px 0;
	text-align:left;
}
#subFooter p {
	margin:0;
	font-size:var(--sp-font-size-small);
	font-family:"Georgia";
}
ul#fussnavi{
	padding:0;
	margin:0;
}
#fussnavi li{
	list-style: none;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
}
#fussnavi li:after {
	content: "|";
	margin:0px 5px;
}
#fussnavi li:last-child:after {
	content: none;
	margin: 0;
}
#fussnavi li a {
	text-decoration:none;
	font-size:var(--sp-font-size-small);
	font-family:"Georgia";
}

@media screen and (max-width: 950px) {
	#footer {
		padding:0;
	}
	#subFooter .left {
		float:none;
		width:100%;
	}
	#subFooter .right {
		display:none;
	}

	#css-table {
		display: block;
	}
	#css-table .col {
		width: 100% !important;
		display:block;
		min-height:auto;
	}
	#footer form {
		margin-left:10px;
		margin-right:10px;
	}
}
/*****SLIDER********/

#slider h1 + h2,
#slider .fs-1 + .fs-2 {
	margin-top:0;
}
#sliderContainer {
    width: 100%;
    position: relative;
}

#sliderContainer #sliderBackground {
    background-color: #000;
    width: 100%;
    height: 470px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 950px) {
	#sliderContainer #sliderBackground {
		background-color: #fff;
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
	}
}

#sliderContainer .wrapper {
    padding: 0;
}

#sliderContainer #slider {
    width: 100%;
    height: 625px;
}

@media screen and (max-width: 950px) {
	#sliderContainer #slider {
		background-color:#eaedf0;
	}
}

@media screen and (max-width: 950px) {
	#sliderContainer #slider {
		width: 100%;
		height: calc(940 / 1900 *100vw + 220px);
	}
}
#sliderContainer .slick-prev,
#sliderContainer .slick-next {
	top: 36%;
}
@media screen and (max-width: 950px) {

	#sliderContainer .slick-prev,
	#sliderContainer .slick-next {
		top:calc(940 / 1900 * 50vw);
	}
}

.slick-slide img {
  max-width: 100%;
  height: auto;
}
.slick-initialized .slick-slide {
  margin-right:0 !important;
}



.slick-dots {
	width:calc(100% - 75px);
	margin-left:50px;
	bottom:-12px !important;
}
#bildSlider .slick-dots {
	bottom:-24px !important;
}

@media screen and (max-width: 950px) {
	#slider .slick-dots {
		bottom:-23px !important;
	}
	#bildSlider .slick-dots {
		bottom:-32px !important;
	}
}


@media screen and (max-width: 950px) {
	#sliderContainer {
		background-color:#eaedf0;
	}
}
.belowSlider {
	height:180px;
	padding: 30px 0px;
	overflow:hidden;
}
@media screen and (max-width: 950px) {
	.belowSlider {
		height:auto;
		padding: 10px 0px 0px 0px;

	}
	h1, .fs-1 {
		line-height:130%;
	}
}
#sliderContainer .headline_1 {
	padding-bottom:0;
}
#sliderContainer .small_kursiv {
	margin:0;
}

#sliderContainer .leftColumn {
	width:550px;
	float:left;
	margin-right:90px;
}

#sliderContainer .rightColumn {
	width:300px;
	float:left;
	display:flex;
	align-items:center;
	justify-content:end;
	height:100%;

}
@media screen and (max-width: 950px) {
	#sliderContainer .leftColumn {
		width:100%;
		float:none;
		margin-right:0;
	}

	#sliderContainer .rightColumn {
		width:100%;
		height:auto;
		float:none;
		margin-right:0;
		padding:0px 10px;
		justify-content:start;
	}

	#sliderContainer .rightColumn  .btn {
		background-color:#fff;
	}
}

#slider .headline_2 {
	line-height:var(--sp-line-height-monatsnavi);
	margin-bottom:5px;
}
#slider .headline_2 i{
	margin-top:-5px;
}
#slider .monthBox {
	width:114px;
	margin-right:5px;
	height:148px;
	float:left;
	font-family:"Georgia";
	border-left:1px solid #000;
	padding-left:20px;
	text-align:left;
}
#slider .monthBox:first-child {
	border-left:none;
	padding-left:0;
}
#slider .monthBox.empty {
	border-left:none;

}
#slider .monthBox li {
	white-space: nowrap;
}
#slider .loadMoreDates {
	border-left:1px solid #000;
	padding-left:10px;

}

#slider .monthBox ul,
#slider .monthBox li {
	list-style: none;
	padding:0 !important;
	margin:0;
	line-height:var(--sp-line-height-rightcolumn);
}
#slider .monthBox li {
	height:21px;
}
.monthBox h3 {
	font-size:var(--sp-font-size-search);
	line-height:var(--sp-line-height-rightcolumn);
	text-transform: uppercase;
	font-weight:700;
	margin:0;
	padding:0;
	display:block;
	text-align:left;
	font-family:"Georgia";
}
#slider .loadMoreDates {
	height:148px;
	vertical-align:middle;
	display:table-cell;
	cursor:pointer;
}

.weekday {
	text-transform: uppercase;
}

#slider .tp-bullet {
	width:21px;
	height:33px;
	position:absolute;
	cursor: pointer;
	background: rgba(255, 255, 255, 0) url(../images/bullet.png) repeat scroll 0 0;
}
#slider .tp-bullet:hover {
	background: rgba(255, 255, 255, 0) url(../images/bullet_red.png) repeat scroll 0 0;
}

#slider .tp-bullet.selected,
#slider .tp-bullet.selected:hover {
	background: rgba(255, 255, 255, 0) url(../images/current_bullet.png) repeat scroll 0 0;
}

.tp-rightarrow,
.tp-leftarrow {
    font-size: 0;
    line-height: 0;

    position: absolute;

    display: block;

    width: 32;
    height: 32;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;
    opacity:0.75 !important;
    border: none;
    outline: none;
    z-index:10000;
    background-color:#333;
    border-radius:50%;
}

.tp-rightarrow:hover,
.tp-rightarrow:focus,
.tp-leftarrow:hover,
.tp-leftarrow:focus {
    color: transparent;
    outline: none;
    background: transparent;
    opacity:1 !important;
    background-color:#333;

}
.tp-rightarrow:hover:before,
.tp-rightarrow:focus:before,
.tp-leftarrow:hover:before,
.tp-leftarrow:focus:before {
    opacity: 1 !important;
}


.tp-rightarrow:before,
.tp-leftarrow:before {
    font-family: 'FontAwesome' !important;
	font-size: var(--sp-font-size-tp);
    line-height: 1;
    padding-top:7px;

    opacity: .75;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tp-leftarrow {
    left: 10px;
}
.tp-leftarrow:before {
    content: "\f053" !important;
    padding-right:2px;
}

.tp-rightarrow {
    right: 10px;
}
.tp-rightarrow:before {
    content: "\f054" !important;
    padding-left:2px;
}
.hideBullets .tparrows,
.hideBullets .tp-bullets {
	display:none;
}
/******** KALENDER ********/

#kalender.box {
	padding-top:0;
	padding-right:0;
	padding-bottom:15px;
	margin: 0px 0px 40px 0px;
}
#kalender #slideContainer {
	width:880px;
    overflow:hidden;
    height:56px;
	position: relative;
    margin:0;
    padding:0;
   	float:left;
}
#kalender ul {
    margin:0;
    padding:0;
    position:absolute;
    white-space:nowrap;
    left:0; /* muss hier stehen für Google Chrome, sonst funktioniert js-Scroll nicht */
}
#kalender i {
	float:left;
	width:16px;
	line-height:var(--sp-line-height-kalender);
	cursor:pointer;
}
#kalender i.fa-chevron-right{
	text-align:right;
}
#kalender i.inactive {
	color:#aaa;
	cursor:default;
}
#kalender ul li {
	list-style:none;
	vertical-align: middle;
    text-align:center;
	width:31px;
	height:56px;
	font-size:var(--sp-font-size-small);
    line-height:var(--sp-line-height-kalender);
   /* float:left;*/
   display:inline-block;
   cursor:pointer;
}
#kalender ul li a {
	text-decoration:none;
}
#kalender ul li.active {
	background-image: url(../images/kalender.png);
	background-size: 31px 56px;
	color:#fff;
	a {
		color:#fff;
	}
}
#kalender ul:after {
    content: ".";
    display: inline-block;
    visibility: hidden;
    width: 100%;

}
.kalenderSeperator h3 {

	display: inline-table;
  vertical-align: middle;
  line-height: var(--sp-line-height-kalender);
  padding: 0px;
  cursor: default;
  margin:auto;
text-align:center;
}
#kalender li.kalenderSeperator {
width: 62px;

}
#kalender .month {
	display:block;
	font-weight:700;
	font-weight:700;
	margin-top:14px;
}
#kalender .month,
#kalender .year {
	text-transform: uppercase;
	font-size:var(--sp-font-size-search);
	line-height:var(--sp-line-height-kalender-month);
	text-align:center;


}
#kalender .year {
	display:block;
	font-weight:normal;
}
#kalenderContent {
	margin-top:15px;
	padding-right:20px;
}
#kalenderContent .performance {
	float:left;
	text-align:left;
	margin-right:30px;
	border:none;
    margin-bottom:0;
}
#kalenderContent div .performance:last-child{
	margin-right:0;
	border-bottom:0 !important;
}
#kalenderContent .tagMit0Vorstellungen .performance,
#kalenderContent .tagMit1Vorstellungen .performance{
	width:100%;
}
#kalenderContent .tagMit2Vorstellungen .performance{
	width:48.3%;
}
#kalenderContent .tagMit3Vorstellungen .performance{
	width:31.1%;
}
#kalenderContent .tagMit4Vorstellungen .performance{
	width:22.5%;
}

#kalenderContent .performance .imageContainer {
    float:left;
    max-width:250px;
    width:50%;
}

#kalenderContent .performance .textContainer.floating {
    float:right;
    width:50%;
}
#kalenderContent .tagMit0Vorstellungen .performance .textContainer.floating,
#kalenderContent .tagMit1Vorstellungen .performance .textContainer.floating {
    width:660px;
}
#kalenderContent .performance .textContainer p {
	margin:0;
}
#kalenderContent .performance .imageContainer div {
	padding-right:20px;
}
.supline {
	padding-bottom:3px;
}

#kalenderContent .performance .imageContainer div img {
	max-width: 100%;
}
@media screen and (max-width: 950px) {
	#kalender.box {
		background-color:#fff;
		padding:0;
		margin:0;
	}
	#kalender > * {
		display:none;
	}
	#kalenderContent {
		display:block;
		padding-right:0px !important;
		margin-top:0 !important;
	}
	#kalenderContent .performance {
		float:none;
		width:100% !important;
		margin:0 !important;
		border-bottom:1px solid #000 !important;
		padding-top:10px;
		padding-bottom:0px;
	}
	#kalenderContent .headline_1,
	#kalenderContent .headline_2,
	#kalenderContent p {
		padding: 0 10px;
		margin:0;
	}
	#kalenderContent .headline_3 {
		font-size:var(--sp-font-size);
		line-height:var(--sp-line-height-daybox-span);
		font-style:italic;
		font-family:"Georgia";
		font-weight: normal;
	}
	#kalenderContent .performance img  {
		max-width:100%;
		height:auto;
	}
	#kalenderContent .imageContainer {
		margin-top:10px;
		width:100% !important;
		max-width:100% !important;
		float:none !important;
	}
	#kalenderContent .imageContainer div {
		padding:0 !important;
	}
	#kalenderContent .textContainer.floating {
		width:100% !important;
		float:none !important;
	}

	/*#kalenderContent .performance:first-child {
		border-top:1px solid #000;
	}*/
	#kalenderContent .performance:nth-child(even) {
		background-color:#eaedf0;
	}
	#kalenderContent .performance:hover {
		background-color:#fefafa;
	}
}
/*********** YOUTUBE ********/

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**********HOVERBOX*********/

.hoverBox {
    cursor: pointer;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}
.deactivatedHoverBox {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

@media screen and (max-width: 950px) {
	.deactivatedHoverBox,
	.hoverBox {
	    border-bottom: none;
	    margin-bottom: 0px;
	}
}

.deactivatedHoverBox .title,
.hoverBox .title {
    background-color: #eaedf0;
    font-style: italic;
    font-family:"Georgia";
    line-height: var(--sp-line-height-h3) !important;
    font-size: var(--sp-font-size-small) !important;
    padding: 0 5px;
	text-transform:none !important;
	font-weight:normal !important;

}

.deactivatedHoverBox .title:after,
.hoverBox .title:after {
    content: "";
    background-image: url(../images/ecke-down.png);
    background-repeat: no-repeat;
    background-position: right -9px;
    height: 9px;
    width: 29px;
    position: absolute;
    z-index: 1000;
    display: block;
}


.hoverBox:hover .title {
    color: #fff;
    background-color: #D60000;
}

.hoverBox:hover .title:after {
    background-position: right 0px;
}

.hoverBox:hover a.mehrlink {
	color:#d60000;
}
/**********GREY BOX********/

.box {
	background-color:#eaedf0;
	padding:5px 20px;
	margin:15px 0px ;
	border-radius:25px;
}

.rightColumn .box {
	margin-top:0;
	padding-top:20px;
}


@media screen and (max-width: 950px) {
	.box {
		margin:15px 10px;
	}
}

/*********IMAGES***********/

div.boxedImage {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
	height: 192px;
}
div.boxedImage img {
	max-width:100%;
	max-height:100%;
}

/***** Monatsnavi ****/
ul#monatsnavi {
	margin:0;
	padding:0;
	list-style: none;
}
ul#monatsnavi li {
	float:left;
	line-height:var(--sp-line-height-monatsnavi);
	margin-right:15px;
	margin-bottom:20px;
}
ul#monatsnavi li.current {
	font-size:var(--sp-font-size-h1);
	text-transform: uppercase;
	font-weight:700;
	line-height:var(--sp-line-height-monatsnavi);
	padding:0;
	display:block;
	text-align:left;
	hyphens: none;

}
ul#monatsnavi li a {
	text-decoration:none;
}
ul#monatsnavi li.current a:hover {
	color:inherit;
}
/*********Spielplan******/

.vorstellungen .hoverBox {
	display:table;
	width:100%;
	border-top:none;
	margin-bottom:0;
	position:relative;
	text-align: left;
	height:144px;
}
.vorstellungen .hoverBox:first-child {
	border-top:1px solid #000;
}
.vorstellungen .hoverBox:nth-child(odd) {
	background-color:#fafafa;
}
.vorstellungen .hoverBox:hover {
	background-color:#fefafa;
}
.vorstellungen .hoverBox:nth-child(odd) .timeBox {
	background-color:#d5dce1;
	background-image:url(../images/ecke-rechts.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.vorstellungen .hoverBox:nth-child(even) .timeBox {
	background-color:#eaedf0;
	background-image:url(../images/ecke-rechts-weiss.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.vorstellungen .hoverBox:hover .timeBox {
	background-image:url(../images/ecke-rechts-dunkel.png);
	background-color:#f0bebe;

}

.vorstellungen .hoverBox .col {
	 display: table-cell;
	 vertical-align:middle;
	 padding:35px 21px ;
}
.vorstellungen .type {
	position:absolute;
	top:0;
	width:214px;
	background-color: #363d43;
    font-style: italic;
    font-family:"Georgia";
    line-height: var(--sp-line-height-h3);
    font-size: var(--sp-font-size-small);
    display:block;
	color:#fff;
	left:0;
	padding:0;
}
#produktionen.vorstellungen .type {
	width: 745px;
	width: -webkit-calc(100% - 205px);
	width: -moz-calc(100% - 205px);
	width: calc(100% - 205px);
}
.vorstellungen .type span {
	padding: 0 5px;
}
.vorstellungen .type.red {
	background-color: #D60000;
}


.hoverBox .type:after {
    content: "";
    background-image: url(../images/ecke-down.png);
    background-repeat: no-repeat;
    background-position: right -18px;
    height: 9px;
    width: 29px;
    position: absolute;
    z-index: 100;
    display: block;
}
.hoverBox .red.type:after {
	background-image: url(../images/ecke-down.png);
    background-position: right 0px;

}
.vorstellungen .dayBox {
	width:70px;
	height:131px;
}
.vorstellungen .dayBox span {
	display:block;
	font-style:italic;
	font-family:"Georgia";
	font-size:var(--sp-font-size-small);
	line-height:var(--sp-line-height-daybox);
	text-transform:none;
}
.vorstellungen .dayBox span.day {
	font-style:normal;
	font-size:var(--sp-font-size-day);
	line-height:var(--sp-line-height-day);
	margin-bottom:8px;
}
.vorstellungen .timeBox {
	width:60px;
	font-size:var(--sp-font-size-time);
	line-height:var(--sp-line-height-day);
	text-align:center;
	font-family:"Georgia";

}
.vorstellungen .timeBox sup {
	font-size:50%;
}
@media screen and (max-width:950px) {
	.vorstellungen .timeBox sup {
		vertical-align: baseline;
	    position: relative;
	    top: -0.4em;
	    font-size:70%;
	}
}
.vorstellungen .detailBox {
	position:relative;
	padding-bottom:20px  !important;
}
.vorstellungen .detailBox p {
	margin:0;
}
.vorstellungen .detailBox .price {
	position:absolute;
	bottom:10px;
	left:55%;
}
#produktionen.vorstellungen .detailBox .price {
	bottom:0px;
}
.vorstellungen .detailBox .ticketlink {
	position:absolute;
	bottom:10px;
	left:75%;
}
#produktionen.vorstellungen .detailBox .ticketlink {
	bottom:0px;
}
.vorstellungen .bottomAlignmentHelper {
	position:relative;
}
.vorstellungen .hoverBox .imageBox {
	width:202px;
	padding:3px 0px;
}
.vorstellungen .hoverBox .imageBox div {
	width:202px;
	display:block;
}
.vorstellungen .imageBox img {
	max-width:100%;
	height:auto;
}
.vorstellungen .topTitle {
	color:#d60000;
	font-style: italic;
	font-family:"Georgia";

}

@media screen and (max-width:950px) { /* kein Platz mehr für Preis + Ticket-Spalte */
	.vorstellungen .detailBox .price,
	.vorstellungen .detailBox .ticketlink,
	#produktionen.vorstellungen .detailBox .price,
	#produktionen.vorstellungen .detailBox .ticketlink {
		position:relative;
		bottom:auto;
		left:0px;
	}
	.vorstellungen .hoverBox {
		border-top:1px solid #000;
		height:auto;
	}

	.vorstellungen .hoverBox .detailBox,
	#produktionen.vorstellungen .hoverBox .detailBox {
		padding:10px 0px 10px 0px !important;
	}
	.vorstellungen .hoverBox.withType .detailBox,
	#produktionen.vorstellungen .hoverBox.withType .detailBox {
		padding:35px 0px 10px 0px !important;
	}
}
@media screen and (max-width: 550px) {

	.vorstellungen .hoverBox {
		display:block;
		border-bottom:none !important;
		padding-top:15px;
		padding-bottom:10px;
		padding-left:0;
		padding-right:0;
	}
	.vorstellungen .hoverBox.withType{
		padding-top:0px !important;
	}
	.vorstellungen .hoverBox .timeBox {
		background-image:none !important;
		display:inline-block;
	}
	.vorstellungen .hoverBox:nth-child(odd) .timeBox {
		background-color:#eaedf0;
	}
	.vorstellungen .hoverBox:nth-child(even) .timeBox {
		background-color:#fff;
	}
	.vorstellungen .hoverBox:hover .timeBox {
		background-color:#fefafa;
	}

	.vorstellungen .hoverBox .col {
		 display: inline-block;
		 vertical-align: top;
		 padding:0px ;
	}
	.vorstellungen .type {
		width:100% !important;
		position:absolute;
		margin-bottom:15px;
	}

	.vorstellungen .dayBox {
		width:auto;
		height:auto;
		padding-left:10px !important;

	}
	.vorstellungen .dayBox span {
		display:inline;
		font-size:var(--sp-font-size);
		line-height:var(--sp-line-height-daybox-span);

	}
	.vorstellungen .dayBox span.weekday:after,
	.vorstellungen .dayBox span.year:after {
		content: ", ";
	}
	.vorstellungen .dayBox span.day {
		font-style:italic;
		font-family:"Georgia";
		font-size:var(--sp-font-size);
		line-height:var(--sp-line-height-daybox-span);
	}

	.vorstellungen .timeBox {
		width:auto;
		font-style:italic;
		font-family:"Georgia";
		font-size:inherit;
		line-height:inherit;
		text-align:left;
	}

	.vorstellungen .detailBox {
		display:block !important;
		width:100%;

	}
	.vorstellungen .hoverBox .detailBox {
		padding-top:0px  !important;
		padding-bottom:0px  !important;
	}
	.vorstellungen .detailBox p {
		margin:0;
	}
	.vorstellungen .hoverBox .imageBox {
		width:100%;
		padding:0px;
		margin-top:10px;
	}
	.vorstellungen .hoverBox .imageBox div{
		display:none;
		width:0;
	}

}

/*** PREIS POPUP SPIELPLAN ****/
#popup {
	width:435px;
	background-color:#fff;
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding:20px;
	position:absolute;
	z-index:10000;
	display:none;
}
#popup.ohnesaalplan {
	width:200px !important;
}
#popup .saalplan {
	width:225px;
	float:left;
	margin-right:10px;
}
#popup .saalplan img {
	width:225px;
}
#popup h2{
	margin-bottom:5px;
}
#popup .preisspalte {
	width:200px;
	float:left;

}
#saalplanpreise table,
#popup .preisspalte table {
	width:100%;
	border-collapse:collapse;
	margin:0;
}

#saalplanpreise table tr td:first-child  {
    width: 30%;
}
#saalplanpreise table tr:nth-child(even),
#popup .preisspalte table tr:nth-child(odd) {
	background-color:#eaedf0;
}
#saalplanpreise table tr:nth-child(odd),
#popup .preisspalte table tr:nth-child(even) {
	background-color:#fff;
}
#saalplanpreise table td,
#popup .preisspalte table td {
	padding:5px 20px;
	font-style: italic;
	font-family:"Georgia";
	font-size:var(--sp-font-size);
}

#saalplanpreise table th {
	font-weight:normal;
	font-style:italic;
	font-family:"Georgia";
}
#saalplanpreise table td,
#popup .preisspalte table td:first-child {
	border-right:1px solid #000;
	padding-left:10px;
}
#saalplanpreise table td:last-child,
#saalplanpreise table th:last-child{
	border-right:none;
}
#saalplanpreise table td {
	text-align:center;
}
#saalplanpreise table td:first-child {
	text-align:left;
}
#saalplanpreise table td .bullet,
#popup .preisspalte table td .bullet {
	border-radius:50%;
	width:13px;
	height:13px;
	display:inline-block;
	margin-right:8px;
}
#triangle-with-shadow {
  width: 40px;
  height:40px;
  position: absolute;
  overflow: hidden;
  box-shadow: 0;
  top:50px;
  left:-40px;
  pointer-events: none;

}
#triangle-with-shadow:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #fff;
  transform: rotate(45deg);
  top: 10px;
  left: 35px;
  box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  pointer-events: none;

}

@media screen and (max-width:950px) { /* kein Platz mehr für Preis + Ticket-Spalte */
	.vorstellungen .detailBox .price {
		position:relative;
		bottom:auto;
		left:0px;
	}
	.vorstellungen .detailBox .ticketlink {
		position:relative;
		bottom:auto;
		left:0px;
	}
}
@media screen and (max-width: 550px) {
	.vorstellungen .hoverBox {
		display:block;
		border-bottom:1px solid #000;
		padding-top:15px;
		padding-bottom:0px;
		padding-left:0;
		padding-right:0;
	}
	.vorstellungen .hoverBox.withType{
		padding-top:30px;
	}
	.vorstellungen .hoverBox .timeBox {
		background-image:none !important;
		display:inline-block;
	}
	.vorstellungen .hoverBox:nth-child(odd) .timeBox {
		background-color:#fafafa;
	}
	.vorstellungen .hoverBox:nth-child(even) .timeBox {
		background-color:#fff;
	}
	.vorstellungen .hoverBox:hover .timeBox {
		background-color:#fefafa;
	}

	.vorstellungen .hoverBox.withType .col {
		 padding-top:35px;
	}
	.vorstellungen .hoverBox.withType .col.detailBox,
	.vorstellungen .hoverBox.withType .col.imageBox {
		 padding-top:0px!important;
	}
	.vorstellungen .hoverBox .col {
		 display: inline-block;
		 vertical-align: top;
		 padding:0px ;
	}
	.vorstellungen .type {
		width:100%;
	}

	.vorstellungen .dayBox {
		width:auto;
		height:auto;
		padding-left:10px !important;

	}
	.vorstellungen .dayBox span {
		display:inline;
		font-size:var(--sp-font-size);
		line-height:var(--sp-line-height-daybox-span);

	}
	.vorstellungen .dayBox span.weekday:after,
	.vorstellungen .dayBox span.year:after {
		content: ", ";
	}
	.vorstellungen .dayBox span.day {
		font-style:italic;
		font-family:"Georgia";
		font-size:var(--sp-font-size);
		line-height:var(--sp-line-height-daybox-span);
	}

	.vorstellungen .timeBox {
		width:auto;
		font-style:italic;
		font-family:"Georgia";
		font-size:inherit;
		line-height:inherit;
		text-align:left;
	}

	.vorstellungen .detailBox {
		display:block !important;
		width:100%;
		padding-bottom:0px  !important;
	}
	.vorstellungen .detailBox p {
		margin:0;
	}
	.vorstellungen .hoverBox .imageBox {
		width:100%;
		padding:0px;
		margin-top:10px;
	}
	.vorstellungen .hoverBox .imageBox div{
		width:100%;
	}

}


#spielplansuchmaske {
	width:;
}
/*********NEWS******/

.masonryItemTwoColumn {
	width:467px;
	float:left;
}
.masonryItemTwoColumn:nth-child(2n+1) {
	margin-right:16px;
}

@media screen and (max-width: 950px) {
	.masonryItemTwoColumn {
		width:100%;
	}
}
#startseite .title + p,
.boxedImage + p {
	margin-bottom:7px;
}
#startseite .headline_2 + p {
	margin-top:7px;
}

/*********WERKDETAIL********/

#werkdetail #detailColumn {
	position:relative;
}
#showAllDates, #hideDates {
	margin-top:10px;
	text-decoration:underline;
	cursor: pointer;

}

#werkdetail .headline_1 {
	padding-bottom: 0;
}
#werkdetail .titelei {
	margin-bottom:15px;
	width:770px;
}
#werkdetail .titelei .small {
	line-height:var(--sp-line-height-rightcolumn);
}
.titelei p.georgia {
	margin:0;
	margin-bottom:7px;
}
#werkdetail #bildSliderContainer {
	width:100%;
	height: calc(940 / 1900 * 100vw + 60px);
}
@media screen and (min-width: 540px) {
	#werkdetail #bildSliderContainer {
		position:relative;
		display:block;
		margin-bottom:50px;
		height:368px;
		width:540px;
	}
}
@media screen and (max-width: 950px) {
	#werkdetail #bildSliderContainer{
		padding-bottom:70px;
	}
}
#werkdetail #bildSliderContainer .slick-prev,
#werkdetail #bildSliderContainer .slick-next {
	top: 50%;
}
#bildSlider {
	height:100%;
}

.tp-bullets {
	margin-left:-42px;
}
#bildSlider .tp-bullet {
	width:11px;
	height:11px;
	position:absolute;
	cursor: pointer;
	background: rgba(255, 255, 255, 0) url(../images/bullet_small.png) no-repeat scroll 0 0;
}
#bildSlider .tp-bullet.selected,
#bildSlider .tp-bullet:hover {
	background: rgba(255, 255, 255, 0) url(../images/bullet_small_red.png) no-repeat scroll 0 0;
}

@media screen and (max-width: 950px) {
	#werkdetail .titelei {
		width:100%;
	}
	#werkdetail #bildSlider {
		width:100%;
	}
	#werkdetail #bildSlider img {
		max-width:100%;
	}
	#content #werkdetail #bildSlider + h2 {
		margin-top:20px !important;
	}
	#werkdetail #bildSliderContainer {
		margin-bottom:0;
	}
}

#werkdetail #termine .headline_2{
	line-height: var(--sp-line-height-h1);
}
#werkdetail #termine .headline_2 span.fa-stack {
	margin-top:-5px;
}
#werkdetail #mainColumn {
	float:left;
	width: 540px;
	margin-top:0;
	margin-right:30px;
}
#werkdetail #detailColumn {
	margin-top:0px;
	float:left;
	width:380px;

}
@media screen and (max-width: 950px) {
	#werkdetail #mainColumn,
	#werkdetail #detailColumn {
		float:none;
		width:100%;
		margin-right:0px;
	}
	#werkdetail #detailColumn {
		margin-top:20px;
	}
}

#werkdetail .regie_besetzung p {
	margin:0;
	text-align:left;
}

#werkdetail .terminzeile:nth-child(odd) {
	background-color: #eaedf0;
}
#werkdetail .terminzeile .tag {
	display:inline-block;
	width: 110px;
	padding-left:10px;
	font-family: "Georgia";
}
#werkdetail .terminzeile .preise {
	display:inline-block;
	width:105px;
	text-align:left;
}
#werkdetail .terminzeile .tickets {
	display:inline-block;
	width:125px;
	text-align:left;

}
#werkdetail .terminzeile .bemerkung {
	font-size: var(--sp-font-size-circle) !important;
}
#werkdetail .terminzeile .bemerkung.red {
	color:#D60000;
}
#werkdetail .terminzeile .bemerkung.gray {
	color:#363d43;
}
.asteriskContent {
	display:none;
}
@media screen and (max-width: 950px) {
	#werkdetail .terminzeile {
		padding-left:10px;
	}
	#werkdetail .terminzeile .tag,
	#werkdetail .terminzeile .preise,
	#werkdetail .terminzeile .tickets {
		width:32%;
		padding-left:0;
	}
	#werkdetail .bemerkung {
		width:100%;
		font-family:"Georgia";
		font-style:italic;
	}
	.asteriskContent {
		display:block;
	}
	.asteriskContent * {
		padding:0 !important;
		margin:0 !important;
	}
	.bemerkung .fa{
		display:none;
	}
}

/*** INFO POPUP WERKDETAIL ****/
#info {
	width:200px;
	color:white;
	font-style:italic;
	font-family:"Georgia";
	box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding:10px 10px;
	text-align:center;
	position:absolute;
	z-index:10000;
	display:none;
}
#info.red {
	background-color:#D90000;
}
#info.gray {
	background-color:#363d43;
}
#info:after {
    content: "";
    background-image: url(../images/ecke-down.png);
    background-repeat: no-repeat;

    height: 9px;
    width: 200px;
    position: absolute;
    z-index: 1000;
    display: block;
    bottom:-9px;
}
#info.red:after {
	background-position: right 0px;
}
#info.gray:after {
	background-position: right -18px;
}

#info p{
	margin:0;
}



/*********ENSEMBLELIST******/
@media screen and (max-width: 950px) {
	.galleryOverview {
		padding: 0px 10px;
	}
}


/**** Bildergutter ****/
.itemContainer a:hover {
	color:#4b4a4a !important;
}
.sechsbilder .itemContainer .item {
	margin-right: 1.0532%; /* 6 images */
    width: 15.789%;  /* 6 images */
}
.dreibilder .itemContainer .item {
    width: 31.818%;  /* 3 images */
    margin-right: 2.273%; /* 3 images */
    position:relative;
}

.itemText p {
	padding:0 !important;
}
.itemContainer .item {
    margin-bottom: 20px;
    float:left;
    height:auto;
    display: block;
}
.item img {
    max-width:100%;
}

.itemTitle {
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
    margin-top:5px;
    text-align:left;
}
.itemText p {
	margin:0px !important;
	line-height:var(--sp-line-height-rightcolumn);
}
.itemContainer a {
    text-decoration:none;
}



.dreibilder .itemContainer:nth-child(3n+0) .item,
.sechsbilder .itemContainer:nth-child(6n+0) .item {
    margin-right: 0;
}
.dreibilder.galleryOverview .itemContainer:nth-child(3n+0):after,
.sechsbilder.galleryOverview .itemContainer:nth-child(6n+0):after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/****** Content Bilder ******/
#content img {
	max-width:100%;
	height:auto;
}
figure {
    margin:0;
    padding:0;
    position:relative;
    width:950px !important;
    margin-bottom:15px;
    float:none;
}

figure.align-right {
    width:460px !important;
    margin-left:30px;
    margin-bottom:15px;
    float:right;
}
figure.align-left {
    width:460px !important;
    margin-right:30px;
    margin-bottom:15px;
    float:left;
}
figure.align-center{
    width:460px !important;
    float:none;
    margin:auto;
}
figure img {
	max-width:100%;
}

figcaption {
	position:absolute;
    bottom:0px;
    left:0px;
    background-color:#fff;
    opacity:0.7;
    width:100%;
    z-index:10;
    font-size: var(--sp-font-size-circle);
	line-height: var(--sp-line-height-rightcolumn);
}

figcaption span {
    padding:3px 5px;
}
@media screen and (max-width: 950px) {

	figure,
	figure.align-right,
	figure.align-left,
	figure.align-center,
	figcaption{
	    width:100% !important;
	    margin:0;
	    float:none;
	}
}

figure + p {
	margin-top:0;
}
/******/
.imageContainer {
    height:auto;
    display:block;
    position:relative;
}
.copyright {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:#fff;
    opacity:0.7;
    width:100%;
    z-index:10;
}
.copyright span {
    padding:3px 5px;
}
span.moreOverlay {
    width:100%;
    text-align:center;
    display:none;
    color:#D60000;
    position: absolute;
    top:40%;
    z-index: 100;
}

a:hover .copyright{
    color:#4b4a4a;
}

a.item:hover span.moreOverlay {
    display: block;
}

a.item:hover img {
	opacity:0.3;
}


@media screen and (max-width: 750px) { /* 5 images */

    .sechsbilder .itemContainer .item,
    .sechsbilder .itemContainer:nth-child(6n+0) .item { /* reset 6-images-break */
        width: 18.933%;  /* 5 images:  (750px (gesamtbreite) - 4*10px (gutter)) / 5 (images) als prozent zu 750px; */
        margin-right: 1.33375%; /* 5 images */
    }

    .sechsbilder .itemContainer:nth-child(5n+0) .item {
        margin-right: 0;
    }
    .sechsbilder.galleryOverview .itemContainer:nth-child(6n+0):after { /* reset 6-images-break */
        content: "";
        clear: none;
    }
    .sechsbilder.galleryOverview .itemContainer:nth-child(5n+0):after { /* 5 images */
        content: ".";
        clear: both;
        visibility: hidden;
        height: 0px;
    }
}

@media screen and (max-width: 600px) { /* 4 images */

    .sechsbilder .itemContainer .item,
    .sechsbilder .itemContainer:nth-child(6n+0) .item,  /* reset 6-images-break */
    .sechsbilder .itemContainer:nth-child(5n+0) .item { /* reset 5-images-break */
        width: 23.75%;  /* 4 images */
        margin-right: 1.6667%; /* 4 images */
    }

    .sechsbilder .itemContainer:nth-child(4n+0) .item {
        margin-right: 0;
    }
    .sechsbilder.galleryOverview .itemContainer:nth-child(6n+0):after, /* reset 6-images-break */
    .sechsbilder.galleryOverview .itemContainer:nth-child(5n+0):after { /* reset 5-images-break */
        content: "";
        clear: none;
    }
    .sechsbilder.galleryOverview .itemContainer:nth-child(4n+0):after { /* 4 images */
        content: ".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0px;
    }
}

@media screen and (max-width: 440px) { /* 3 images  bei sechsbilder-Gutter, 2 images bei dreibilder-Gutter */

    .dreibilder .itemContainer .item,
    .dreibilder .itemContainer:nth-child(6n+0) .item,  /* reset 6-images-break */
    .dreibilder .itemContainer:nth-child(5n+0) .item,  /* reset 5-images-break */
    .dreibilder .itemContainer:nth-child(4n+0) .item,  /* reset 4-images-break */
    .dreibilder .itemContainer:nth-child(3n+0) .item { /* reset 3-images-break */
        width: 48.611%;  /* 2 images */
        margin-right: 2.778%; /* 2 images */
    }

    .sechsbilder .itemContainer .item,
    .sechsbilder .itemContainer:nth-child(6n+0) .item,  /* reset 6-images-break */
    .sechsbilder .itemContainer:nth-child(5n+0) .item,  /* reset 5-images-break */
    .sechsbilder .itemContainer:nth-child(4n+0) .item { /* reset 4-images-break */
        width: 31.818%;  /* 3 images */
        margin-right: 2.273%; /* 3 images */
    }

    .dreibilder .itemContainer:nth-child(2n+0) .item,

    .sechsbilder .itemContainer:nth-child(3n+0) .item {
        margin-right: 0;
    }

    .dreibilder.galleryOverview .itemContainer:nth-child(3n+0):after, /* reset 3-images-break */

	.sechsbilder.galleryOverview .itemContainer:nth-child(6n+0):after, /* reset 6-images-break */
    .sechsbilder.galleryOverview .itemContainer:nth-child(5n+0):after, /* reset 5-images-break */
    .sechsbilder.galleryOverview .itemContainer:nth-child(4n+0):after { /* reset 4-images-break */
        content: "";
        clear: none;
    }

    .dreibilder.galleryOverview .itemContainer:nth-child(2n+0):after, /* 2 images */

    .sechsbilder.galleryOverview .itemContainer:nth-child(3n+0):after { /* 3 images */
        content: ".";
        clear: both;
        visibility: hidden;
        height: 0px;
    }
}

@media screen and (max-width: 360px) { /* 2 images */

    .sechsbilder .itemContainer .item,
    .sechsbilder .itemContainer:nth-child(6n+0) .item,  /* reset 6-images-break */
    .sechsbilder .itemContainer:nth-child(5n+0) .item,  /* reset 5-images-break */
    .sechsbilder .itemContainer:nth-child(4n+0) .item,  /* reset 4-images-break */
    .sechsbilder .itemContainer:nth-child(3n+0) .item { /* reset 3-images-break */
        width: 48.611%;  /* 2 images */
        margin-right: 2.778%; /* 2 images */
    }

    .sechsbilder .itemContainer:nth-child(2n+0) .item {
        margin-right: 0;
    }


    .sechsbilder.galleryOverview .itemContainer:nth-child(6n+0):after, /* reset 6-images-break */
    .sechsbilder.galleryOverview .itemContainer:nth-child(5n+0):after, /* reset 5-images-break */
    .sechsbilder.galleryOverview .itemContainer:nth-child(4n+0):after, /* reset 4-images-break */
    .sechsbilder.galleryOverview .itemContainer:nth-child(3n+0):after { /* reset 3-images-break */
        content: "";
        clear: none;
    }

    .sechsbilder.galleryOverview .itemContainer:nth-child(2n+0):after { /* 2 images */
        content: ".";
        clear: both;
        visibility: hidden;
        height: 0px;
    }
}

/*********Gallery******/


/*********PRESSEMELDUNGEN********/

#pressemeldungen .hoverbox {
	margin-bottom:0;
	border-bottom:none;
}
#pressemeldungen .hoverbox:last-child {
	border-bottom:1px solid #000;
}
#pressemeldungen .inner {
	padding:20px;
}
#pressemeldungen .hoverbox:nth-child(even) {
	background-color:#fafafa;
}

@media screen and (max-width: 950px) {
	#pressemeldungen .inner {
		padding:10px 0px;
	}
}
h2 + #pressegalerie {
	margin-top:15px;
}

#pressegalerie .itemTitle,
#pressegalerie .itemText {
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
}

#galleryOverview a {
	text-decoration: none;
}
#galleryOverview a:hover {
	color:inherit;
}
#pressegalerien .headline_1 {
	padding-bottom:0;
}
#pressegalerien .headline_2 {
	margin-bottom:3px;
}
ul#fotogalerie,
ul#fotogalerie li ul {
	list-style:none;
	padding-left:0;
}
ul#fotogalerie li ul {
	margin-bottom:40px;
}
ul#fotogalerie li ul li {
	padding:3px 10px;
}
ul#fotogalerie li ul li:nth-child(odd){
	background-color:#eaedf0;
}
ul#fotogalerie li ul li:hover {
	background-color:#DD0000;
	color:white;
}
ul#fotogalerie li ul li:hover a {
	color:white;
}
ul#fotogalerie .gallery_title {
	float:left;
	width:70%;
}
ul#fotogalerie .gallery_images {
	float:left;
}
@media screen and (max-width: 950px) {
	ul#fotogalerie .gallery_images {
		display:none;
	}
}

/*********PERSONS******/

.leftImage {
	position:relative;
	width:265px;
	float:left;
	margin-right:30px;
	margin-bottom:10px;
}
.leftImage img {
	max-width:100%;
}
.leftImage + p {
	margin-top:0;
}
#mitwirkungsContainer {
	display:inline-block;
}
#mitwirkung {
	padding-left:47px;
}

#personendetail h2 span {
	width:40px;
	display:inline-block;
	padding-right:5px;
	margin-top:-10px;
}

.theatericon {
	width:33px;
	height:33px;
	display:block;
	background-size:33px 33px;
	background-image:url(../images/icontheater.png);
}
#werkdetail #slick .imageContainer,
#werkdetail #slick .imageContainer img{
	height:220px;
}
#personendetail #slick .imageContainer,
#personendetail #slick .imageContainer img {
    height: 207px;
}
.indent {
	margin-left:47px !important;
	text-indent:-47px !important;
}
@media screen and (min-width: 361px) and (max-width:950px) {
	.leftImage {
		width:50%;
		max-width:265px;

	}
}
@media screen and (max-width: 360px) {
	.leftImage {
		float:none;
		width:100%;
	}
	#mitwirkung {
		padding-left:57px;
	}
	#slick .itemTitle {
		text-align:center;
	}

}

.leftColumn {
	float:left;
	width: 650px;
	margin-right:25px;
}
.leftColumn.breit {
	width:723px;
}
.rightColumn {
	float:left;
	width:275px;
	position:relative;
}
.rightColumn.schmal {
	width:202px;
}
.rightColumn img {
	max-width:100%;
}
@media screen and (max-width: 950px) {
	.leftColumn , .rightColumn {
		margin:0;
		float:none;
		width:100% !important;
	}
	.leftColumn.breit,
	.rightColumn.schmal  {
		float:left;
		width:50% !important;
	}
	.leftColumn {
		margin-bottom:10px;
	}
}
/******** SAALPLAN PREISE ******/
#saalplanContainer {
	width:375px !important;
	height:908px !important;
	padding-bottom:50px;
	margin-right:25px;
	float:left;
}
#saalplanSlider img {
	max-width:100%;
}
#preistabellen {
	width:550px;
	float:left;
}
#preistabellen table tr td,
#preistabellen table tr th {
	padding:5px 10px;
}
#preistabellen table tr td:first-child {
	white-space:nowrap;
}
.headlinePreise {
	color:#4b4a4a;
	background-color:#fff;
	padding:4px 10px;
}
.headlinePreise.active {
	color:#fff;
	background-color:#363d43;
}
.headlinePreise.active:after {
    content: "";
    background-image: url(../images/ecke-down.png);
    background-repeat: no-repeat;
    background-position: right -18px;
    height: 9px;
    width: 29px;
    position: absolute;
    z-index: 100;
    display: block;
}
.headlinePreise + table {
	margin-top:10px;
}
#saalplan {
	position:relative;
	display:block;
}

#saalplanSlider .tp-bullet {
	width:11px;
	height:11px;
	position:absolute;
	cursor: pointer;
	background: rgba(255, 255, 255, 0) url(../images/bullet_small.png) no-repeat scroll 0 0;
}
#saalplanSlider .tp-bullet.selected,
#saalplanSlider .tp-bullet:hover {
	background: rgba(255, 255, 255, 0) url(../images/bullet_small_red.png) no-repeat scroll 0 0;
}

@media screen and (max-width: 950px) {
	#saalplanContainer{
		display:none;
	}
	#saalplanSlider img {
		max-width:100%;
	}
	#saalplan ,
	#preistabellen {
		width:100%;
		float:none;
	}
	.headlinePreise span {
		padding:10px 0px;
		display:block;
	}
	.headlinePreise {
		color:#fff;
		background-color:#363d43;
	}
	.headlinePreise:after {
	    content: "";
	    background-image: url(../images/ecke-down.png);
	    background-repeat: no-repeat;
	    background-position: right -18px;
	    height: 9px;
	    width: 29px;
	    position: absolute;
	    z-index: 100;
	    display: block;
	}
	#preistabellen img {
		max-width:100%;
		margin-top:10px;
	}
}
.ilightbox-title {
	font-size:var(--sp-font-size-small-footer) !important;
	color:#fff !important;
}
.lightboxTitle {
	font-size: var(--sp-font-size) !important;
	color:#fff !important;
}

.ilightbox-title .download {
	color:#fff !important;
}

/******** TINYMCE TEMPLATE ******/
.pagepic {
	width:200px;
	height:240px;
	float:left;
	background-image: url(../images/platzhalter.jpg);
	background-repeat:no-repeat;
	background-size:160px 240px;

}
.pagepic img {
	width:160px;
}
@media screen and (max-width: 950px) {
	.pagepic {
		margin-left:10px;
	}
}
@media screen and (max-width: 450px) {
	.pagepic {
		float:none;
		margin-bottom:8px;
	}
}

.mandatory {
	font-size:var(--sp-font-size-circle);
	line-height: var(--sp-line-height-mandatory);
	margin-top:0 !important;
}
.downloadlink {
	bottom: 0px;
    display: block;
    height: 18px;
    position: absolute;
    right: 0;
    width: 18px;
}


#adventskalender,
#videopopup {
  position: relative;
  background: #FFF;
  padding: 0px;
  width: auto;
  width:100%;
  max-width: 900px;
  margin: 0px auto;
  font-family: "Georgia";
  font-style:italic;

}

.advent_bg {
	max-width:100%;
	background-image:url(../images/adventskalender/bg.jpg);
	width:100%;
	background-size:cover;
}

.popup_bg {
	max-width:100%;
	background-color:#D60000;
	width:100%;
}
#adventskalender p ,
#videopopup p {
	padding-left:4px;
	text-align:center;
}

#adventskalender p span,
#videopopup p span {
	font-size:180%;
	margin:0px 2px;
}
#adventskalender .chevronright,
#videopopup .chevronright {
	margin-left:4px;
	color:rgb(214, 0, 0);
}

.advent_bg .wrapper,
.popup_bg .wrapper {
	width:100%;
}

@media screen and (min-width: 950px) {
	.advent_bg .wrapper,
	.popup_bg .wrapper {
		width:70%;
	}
}
.advent_bg .wrapper,
.popup_bg .wrapper {
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
}
#adventskalender img,
#videopopup img {
	max-width:100%;
}
.mfp-close-btn-in .mfp-close{
	width:auto;
	height:45px;
	font-size:var(--sp-font-size-close);
	line-height:var(--sp-font-size-close);
	margin-right:5px;
	margin-top:5px;
	color:#fff !important;
}
.mfp-close-btn-in .mfp-close:before {
	content:"Schließen";
	font-size:var(--sp-font-size-small);
	line-height:var(--sp-font-size-close);
	font-style:italic;
	display:inline-block;
	position:relative;
	top:-11px;
	margin-right:4px;
	font-family: "Georgia";
	text-decoration:underline;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

iframe {
	border:0;
}
#bildSliderContainer {
	max-width:100%;
}
.tp-revslider-mainul {
	max-width:100%;
}

#banner {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#DD0000;
	color:#fff;
	font-size:var(--sp-font-size-banner);

}

#banner a {
	color:#fff;
}
#banner a:hover {
	color:#000;
}


.externeMedien2click {
	position: relative;
	display: block;
}

.externeMedien2click:before {
	content: url("../images/play-solid.svg");
	font-weight: 900;
	position: absolute;
	z-index: 10;
	width: 50px;
	height: 50px;
	text-align: center;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
}

.galleryOverview,
.galleryOverview li {
	padding:0;
	list-style:none;
}
.slick-autoplay-toggle-button,
.btn {
	background-color:#eaedf0;
	padding:10px;
	border-radius:25px;

}
.btn:hover {
	background-color:#DBE2E6 !important;
}

.slick-autoplay-toggle-button {
	padding: 10px 15px;

}

.slick-autoplay-toggle-button {
	bottom:-45px;
}
@media screen and (max-width: 950px) {
	#bildSlider .slick-autoplay-toggle-button {
		bottom:-53px;
	}
}

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

	#slider	.slick-autoplay-toggle-button {
		bottom:-32px;
	}
}