


.content {
	padding: 0 0 0.5em 0;
}

.ticket .content .venue_description {
	display: none !important;
}

.summary {
	display: none;
}


.sv_customizer_top_tabs_menu {
	position: relative;
}


.sv_customizer_tob_tabs_menu_toggler {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
  color: #FFF;
}

.sv_customizer_tob_tabs_menu_toggler a:is(:link) {
	color: inherit;
	display: block;
	text-align: right;
}

.sv_customizer_tob_tabs_menu_toggler a > span {
	display: block;
	padding: 0.6em var(--mobile-padding-lr);
}

.menu_toggled .sv_customizer_tob_tabs_menu_toggler {
	display: none;
}

.sv_customizer_tob_tabs_menu_toggler a > span:after {
	content: "▷";
	margin-left: 0.5em;
  font-size: 0.8em;
}



.sv_customizer_top_tabs_menu :is(.yearmenu, .month_menu) {
	display: inline-block;
	vertical-align: top;
}

.sv_customizer_top_tabs_menu .yearmenu {
	width: 30%;
}

.sv_customizer_top_tabs_menu .month_menu {
	width: 70%;
}

.sv_customizer_top_tabs_menu .yearmenu.empty_month_menu {
	width: 100%;
}


.sv_customizer_top_tabs_menu .month_menu.empty_month_menu {
	display: none;
}

.sv_customizer_top_tabs_menu :is(.yearmenu, .month_menu) li {
	display: none;
	line-height: 1.6em;
  background-color: var(--darker-background-transparent);
	vertical-align: top;
}

.sv_customizer_top_tabs_menu :is(.yearmenu, .month_menu) li.active {
	display: block;
}


.sv_customizer_top_tabs_menu .yearmenu li > a ,
.sv_customizer_top_tabs_menu .month_menu li > a {
	color: inherit;
	line-height: inherit;
	display: block;
	padding: 0.5em 0.4em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
}

.sv_customizer_top_tabs_menu .yearmenu li:first-child > a {
  padding-left: var(--mobile-padding-lr);
}

.sv_customizer_top_tabs_menu .yearmenu li.active > a ,
.sv_customizer_top_tabs_menu .month_menu li.active > a {
  font-weight: var(--bold-font-weight);
  color: #fff;
  background-color: var(--main-color-dark);
}


.sv_customizer_top_tabs_menu.menu_toggled :is(.yearmenu, .month_menu) {
	display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.sv_customizer_top_tabs_menu.menu_toggled :is(.yearmenu, .month_menu) li {
	display: block;
  flex-grow: 1;
  text-align: center;
}

@media (min-width: 36em) {
  .sv_customizer_tob_tabs_menu_toggler {
    display: none;
  }


  .sv_customizer_top_tabs_menu :is(.yearmenu, .month_menu) {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .sv_customizer_top_tabs_menu :is(.yearmenu, .month_menu) li {
    display: block;
    text-align: center;
    min-width: 5rem;
    background-color: transparent;
  }

  .sv_customizer_top_tabs_menu :is(.yearmenu, .month_menu) li a {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  body:not(.mobile_device) .sv_customizer_top_tabs_menu :is(.yearmenu, .month_menu) li a {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
  }

  .sv_customizer_top_tabs_menu .month_menu {
    background-color: var(--darker-background-transparent);
  }
}



.performances {
	margin-top: 1em;
}

.performances > table.headline {
	display: none;
}

.sv_performance {
	position: relative;
	padding: 0.5em var(--mobile-padding-lr);
  text-align: right;
  background-color: var(--darker-background-transparent);
  margin-top: 1rem;
}

.sv_performance > div {
	display: none;
}



.sv_performance .vorst_datzt ,
.sv_performance > .haus_bez {
	display: block;
  text-align: left;
}

.sv_performance .vorst_datzt > div {
	display: none;
}

.sv_performance .vorst_datzt > .vorst_datzt_full_string ,
.sv_performance .vorst_datzt > .vorst_datzt_time_zone ,
.ticket .content .sv_performance > .vorst_datzt > .calendar_entry {
	display: inline-block;
	color: #666;
	margin-right: 0.6em;
  text-align: left;
}

.sv_performance > .vorst_datzt > .calendar_entry > a {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('/ticket/tcult/pics/general_shared_pics/calendar_grey.svg');
  background-size: 100% auto;
}

.sv_performance > .vorst_bez {
	display: block;
	font-weight: var(--main-color-dark);
	font-weight: var(--bold-font-weight);
  text-align: left;
}

.sv_performance > .vorst_bez > * {
	font-size: 1.1em;
	display: none;
}

.sv_performance > .vorst_bez > :is(.abaenderungstext, .premiere, .guest_performance, .vorst_bez_mobile, .letzte_vorstellung_content) {
	display: inline;
}

.sv_performance > .vorst_bez > a.vorst_bez_mobile {
  text-decoration: none;
}

.sv_performance > .vorst_bez > a.vorst_bez_mobile > * {
  display: none;
}
.sv_performance > .vorst_bez > a.vorst_bez_mobile > .bez {
	display: inline;
}
.sv_performance > .vorst_bez > a.vorst_bez_mobile > .bez > span {
  display: none;
}

.sv_performance > .vorst_bez > span.untertitel {
  display: block;
  font-size: 0.9em;
}

.sv_performance > .vorst_bez > span.premiere:after ,
.sv_performance > .vorst_bez > span.guest_performance:after {
	content: ":";
}

.sv_performance > .vorst_bez > span.letzte_vorstellung_content {
	font-size: 0.9em;
	color: #F00;
}

.sv_performance > .autor_name ,
.sv_performance > .artists_names{
  display: block;
  text-align: left;
}

.sv_performance > .autor_name.short_author {
  display: none;
}


.sv_performance > .details {
  display: flex;
  gap: 0.5rem;
}

.work_performances .sv_performance > .details {
  display: none;
}

.sv_performance > .details > div {
  flex-grow: 1;
}

.sv_performance > .details a.button {
  margin-right: 0;
  display: block;
  min-width: 0;
}

.sv_performance > .details a.button .details_icon {
  display: none;
}

.sv_performance > .details a.button > span {
	display: inline-block;
}

.ticket .content .sv_performance.vorst_logo > div.details > div.details_details a.button .details_icon.images_icon ,
.ticket .content .sv_performance.vorst_video > div.details > div.details_details a.button .details_icon.videos_icon {
	display: inline-block;
	width: 10px;
	height: 16px;
	background-image: url('/ticket/tcult/styles/jqueryui/images/ui-icons_454545_256x240.png');
	padding: 0 3px 0 0;
	margin: 0 0 0 5px;
	vertical-align: text-top;
}

.ticket .content .sv_performance.vorst_logo > div.details > div.details_details a.button .details_icon.images_icon {
	background-position: -210px -128px;
}

.ticket .content .sv_performance.vorst_video > div.details > div.details_details a.button .details_icon.videos_icon {
	background-position: -226px -128px;
}

@media (min-width: 31em) {
  .sv_performance > .details {
    display: inline-block;
    text-align: right;
  }

  .sv_performance > .details > div {
    display: inline-block;
  }
  .sv_performance > .details a.button {
    margin-right: 0.3rem;
    display: inline-block;
  }
}




.sv_performance > .purchase_links {
	display: block;
	padding-top: 0.5em;
	min-height: 2em;
}

.sv_performance > .purchase_links > a.purchase_button {
	margin: 0;
  display: block;
}

.sv_performance  .purchase_button > span > span.price {
  margin-left: 0.5em;
  white-space: nowrap;
}

.sv_performance > .purchase_links > .purchase_text {
	font-size: 0.9em;
}

.sv_performance > .purchase_links > .purchase_text :is(.booking_closed, .booking_disabled, .config_error, .performance_sold_out,  .performance_sold_out_ticketwarenkorb, .subscription_fixed_performance_sold_out_ticketwarenkorb, .subscription_performance_sold_out_ticketwarenkorb, .subscription_performance_sold_out, .subscription_fixed_performance_sold_out, .performance_past) {
	color: rgba(180, 0, 0, 1);
}

.sv_performance > .purchase_links > .purchase_button + .purchase_text {
	margin-left: 0.5em;
}



@media (min-width: 31em) {
  .sv_performance > .purchase_links ,
  .sv_performance > .purchase_links > a.purchase_button {
    display: inline-block;
  }
}




.sv_performance > .hinweistext {
	padding: 0.3em 0;
	display: block;
	position: relative;
	font-size: 0.9em;
  text-align: left;
}

.ticket .content .sv_performance > .hinweistext.read_more {
  max-height: 10.5em;
  position: relative;
  overflow: hidden;
}
.ticket .content .sv_performance > .hinweistext > .read_more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 3.5em 0 0 0;
  background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}



#second_performance_date_menu {
	display: none;
}

@media (min-width: 18em) {
  .ticket .content .sv_performance > .hinweistext > .read_more {
    background-image: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  }
}





.details_row {
  position: relative;
  padding: 3em 0;
}

.details_row .closer {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.7em;
}

.details_row .closer a:is(:link) {
  text-decoration: none;
  line-height: 1.6em;
  display: inline-block;
  padding: 0 0.6em;
  background-color: rgba(0,0,0,0.08);
}

.details_row .bottom_closer {
  bottom: 0;
  top: auto;
}

.details_row .details_loader {
  text-align: center;
}

.details_row .details_details .media .vorst_logo > img ,
.details_row .details_details .media .vorst_videos .embedded_videos * {
  width: 100%;
}

.details_row .details_details .media .vorst_videos .embedded_video {
  margin-top: 2em;
}

.details_row .details_details .media .vorst_videos .embedded_videos .video_titel {
  font-size: 1.4em;
  padding: 0.3em 0;
}

.details_row .details_details .media .vorst_videos .embedded_videos .video_beschreibung {
  font-size: 0.85em;
  text-align: center;
  color: #777;
}

.details_row .details_details .media .vorst_videos .embedded_videos .embedded_video iframe {
  height: 24em;
}

.details_row .details_details .media .vorst_videos video {
  width: 100%;
}

.details_row .details_details > .description ,
.details_row .details_details .media .vorst_videos .embedded_videos .video_titel {
  padding-top: 1em;
  padding-left: var(--mobile-padding-lr);
  padding-right: var(--mobile-padding-lr);
}

.details_row .details_details .all_casts {
  font-size: 0.9em;
}

.details_row .details_details .all_casts .description {
  color: #777;
  margin-top: 1.5em;
}

.details_row .details_details .all_casts .name {
  padding-left: 2em;
  font-size: 1.1em;
}

.details_row .details_performances {
  font-size: 0.9em;
  padding: 1em var(--mobile-padding-lr);
}


@media screen and (min-width: 36em) {

  .details_row .details_details .media {
    padding-left: var(--mobile-padding-lr);
    padding-right: var(--mobile-padding-lr);
  }

	.details_row:after {
		content: "";
		display: block;
		height: 0;
		width: 100%;
		clear: both;
	}

	.details_row .details_details .media {
		display: inline-block;
		width: 50%;
		vertical-align: top;
		float: left;
	}

	.details_row .details_details .media > div {
		display: inline-block;
		width: 95%;
	}

	.details_row .details_details .media .vorst_logo > img {
		min-width: 75%;
	}

	.details_row .details_details > .description {
		padding-top: 0;
  }

  .details_row .details_details .media .vorst_videos .embedded_videos .video_titel {
    padding-left: 0;
    padding-right: 0;
  }

	.details_row .details_details .all_casts {
		font-size: 1em;
		clear: both;
	}

	.details_row .details_details .all_casts .cast ,
	.details_row .details_details .all_casts .teamfunction {
		display: inline-block;
		width: 50%;
		vertical-align: top;
		text-align: left;
	}
}



@media screen and (min-width: 49em) {
	.info_text {
		display: block;
	}

	.sv_performance {
		min-height: 11em;
		text-align: right;
    --prices-width: 12em;
    --date-width: 12em;
		padding-left: var(--date-width);
	}

	.sv_performance > div {
		text-align: left;
		line-height: 1.6em;
	}

	.sv_performance .performance_prices_seats {
		font-size: 0.8em;
		text-align: right;
		display: inline;
		float: right;
		min-height: 11em;
		width: var(--prices-width);
	}

	.sv_performance .performance_prices_seats table {
		width: 100%;
	}

	.sv_performance .performance_prices_seats table td {
		padding: 0 0.5em;
		line-height: 1.15em;
		text-align: right;
	}

	.sv_performance .performance_prices_seats table .price {
		width: 5.5em;
		padding: 0;
	}

	.sv_performance .performance_prices_seats table .number:after {
		content: "x";
		opacity: 0.6;
		font-size: 0.9em;
	}

	.sv_performance .performance_prices_seats .zero_places_left {
		display: none;
	}

	.sv_performance > .haus_bez ,
	.sv_performance > .vorst_bez ,
	.sv_performance > .autor_name ,
	.sv_performance > .details ,
	.sv_performance > .artists_names {
		width: 50%;
		width: calc(100% - var(--prices-width) - 0.1rem);
		float: left;
		clear: left;
	}

	.sv_performance > .vorst_bez > * {
		line-height: 1em;
	}

	.sv_performance > .purchase_links {
    display: block;
    clear: both;
		text-align: right;
	}

	.sv_performance > .purchase_links > a.purchase_button {
    display: inline-block;
  }

  .sv_performance  .purchase_button > span > span.price {
    display: none;
  }

	.sv_performance .vorst_datzt {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: calc(var(--date-width) - 1em);
		padding: 0.5em;
		height: calc(100% - 1em);
		z-index: 5;
	}

	.sv_performance .vorst_datzt > div {
		display: none;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_full_string {
		display: none;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_weekday ,
	.sv_performance .vorst_datzt > .vorst_datzt_day_no_leading_zeros ,
	.sv_performance .vorst_datzt > .vorst_datzt_month ,
	.work_performances .sv_performance .vorst_datzt > .vorst_datzt_year ,
	.sv_performance .vorst_datzt > .dauer_zeitpunkte ,
	.sv_performance .vorst_datzt > .vorst_datzt_time_zone {
		display: block;
		text-align: center;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_time_zone {
		float: none;
		margin-right: 0;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_weekday > span {
		padding-top: 0.5em;
		display: block;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_day_no_leading_zeros > span {
		font-size: 2em;
		line-height: 1.2em;
		height: 1.1em;
		display: block;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_month {
		height: 1.5em;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_month > span {
		line-height: 1.5em;
		display: block;
	}

	.sv_performance .vorst_datzt > .vorst_datzt_hour_min > span {
		padding-top: 0.5em;
		display: block;
	}

  .ticket .content .sv_performance > .vorst_datzt > .calendar_entry {
    text-align: center;
    display: block;
    float: none;
  }

  .ticket .content .sv_performance > .vorst_datzt > .calendar_entry > a {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url('/ticket/tcult/pics/general_shared_pics/calendar_grey.svg');
    background-size: 100% auto;
  }

  .ticket .content .sv_performance.vorst_logo:hover > .vorst_datzt > .calendar_entry > a {
    background-image: url('/ticket/tcult/pics/general_shared_pics/calendar_white.svg');
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.5);
    border-radius: 5px;
  }

  .sv_performance > .details {
    padding-top: 0.3rem;
    text-align: left;
  }


	.sv_performance > .hinweistext {
		clear: both;
	}

  .ticket .content .sv_performance > .hinweistext > .read_more {
    background-image: linear-gradient(to bottom, transparent, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1));
  }


	.sv_performance .style1 {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: calc(var(--date-width) - 0.5em);
		height: 100%;
		z-index: 0;
		background-color: var(--brighter-background-transparent);
	}

	.sv_performance.vorst_logo .vorst_datzt > div > span {
		transition: opacity 0.5s ease-in-out;
	}

	.sv_performance.vorst_logo .vorst_datzt > :is(div, div > span) {text-shadow: 0 0 0.1em #FFF, 0 0 0.1em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.3em #FFF, 0 0 0.3em #FFF, 0 0 0.4em #FFF, 0 0 0.4em #FFF, 0 0 0.8em #FFF, 0 0 0.8em #FFF, 0 0 0.8em #FFF;
	}

	.sv_performance.vorst_logo:hover .vorst_datzt > :is(div, div > span) {
		color: #FFF;
		text-shadow: 0 0 0.1em #000, 0 0 0.1em #000, 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.3em #000, 0 0 0.3em #000, 0 0 0.4em #000, 0 0 0.4em #000, 0 0 0.8em #000, 0 0 0.8em #000, 0 0 0.8em #000;
	}

	.sv_performance .vorst_logo {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		width: calc(var(--date-width) - 0.5em);
		height: 100%;
		z-index: 1;
	}

	.sv_performance .vorst_logo.not_loaded_yet {
		background-color: #FFFFFF;
		opacity: 0.5;
		text-align: center;
	}

	.sv_performance .vorst_logo > .vorst_logo_image_div {
		z-index: 1;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 100%;
		padding: 0;
		opacity: 0.1;
		transition: opacity 0.5s ease-in-out;
	}

	.sv_performance:hover .vorst_logo > .vorst_logo_image_div {
		opacity: 1;
	}

	.sv_performance .vorst_logo > .vorst_logo_image_div.noTransition {
		transition: none;
	}

  .details_row {
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
  }


	.work_performances {
		margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
	}

}





@media (min-height: 40em) {
	#second_performance_date_menu {
		display: block;
    padding-top: 1em;
	}
}





@media print {
	.sv_performance > .details ,
	.sv_performance .vorst_logo ,
	.sv_customizer_tob_tabs_menu_toggler {
		display: none;
	}

}









