


.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;
	}

}











.content.standby_ticket {
	padding: 0;
}

.content.standby_ticket > h1:first-child {
	display: none;
}

.sv_standby_ticket input[type="text"] ,
.sv_standby_ticket input[type="password"] ,
.sv_standby_ticket textarea,
.sv_standby_ticket select {
	margin: 0 0.1em;
}

div.performance_container {
	margin: 0 0 1em 0;
}

.standby_ticket .sv_performance {
	border-top: 0 none;
	font-size: 1.2em;
	padding-left: 0.4em;
	text-align: right;
	background-color: transparent;
	margin-bottom: 1.5em;
}

.standby_ticket .sv_performance > div {
	text-align: center;
	display: none;
}

.standby_ticket .sv_performance {
	min-height: 3.2em;
}

.standby_ticket .sv_performance > .vorst_datzt {
	position: relative;
	display: block;
	top: auto;
	left: auto;
	width: 100%;
	padding: 0;
	float: none;
}

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

.standby_ticket .sv_performance .vorst_datzt > .vorst_datzt_full_string {
	display: block;
	float: none;
}

.standby_ticket .sv_performance.vorst_logo:hover .vorst_datzt > div > span {
	text-shadow: none;
	color: #666;
}

.standby_ticket .sv_performance > .haus_bez ,
.standby_ticket .sv_performance > .vorst_bez {
	display: block;
	float: none;
	width: auto;
}








.sv_standby_ticket .standby_ticket_header {
	display: none;
}

.sv_standby_ticket .sonderkond_standby_hinweise {
	display: inline;
}

.sv_standby_ticket .sonderkond_standby_hinweis_preisgruppe {
	font-size: 0.9em;
	margin-top: 0.7em;
}

.sv_standby_ticket .fieldset_container.stby_details span.info_txt {
	font-size: 0.9em;
	padding: 0.5em;
}

.sv_standby_ticket .fieldset_container.stby_details table.details {
	width: 100%;
}

.sv_standby_ticket .fieldset_container.stby_details table.details tr.ticket_number td input {
  width: 2.3em;
  text-align: center;
  display: inline-block;
}

.sv_standby_ticket .fieldset_container.stby_details table.details tr input#gebotene_bonuspunkte {
	width: auto;
	display: inline-block;
}

.sv_standby_ticket .fieldset_container.stby_details table.details tr.special_condition select {
	width: calc(100% - 0.8em);
}


.sv_standby_ticket .fieldset_container.stby_more_options {
	position: relative;
	vertical-align: top;
}

#standby_options_loader {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(125,125,125,0.2);
	z-index: 3;
	vertical-align: middle;
	text-align: center;
}

#standby_options_loader > div.loading_animation {
	width: 100%;
	height: 100%;
	background: url('/ticket/tcult/pics/snake_color_32x32.gif') no-repeat center center;
	z-index: 4;
}

.sv_standby_ticket .fieldset_legend {
	padding: 0 0.3em;
}

.sv_standby_ticket table.additional_options {
	width: 100%;
}

.sv_standby_ticket table.additional_options tr {
	margin-bottom: 0.3em;
}

.sv_standby_ticket table.additional_options th ,
.sv_standby_ticket table.additional_options td {
	vertical-align: top;
	display: inline-block;
	padding: 0.4em 0.6em;
	width: calc(100% - 3.6em);
	background-color: transparent;
}

.sv_standby_ticket table.additional_options td {
	text-align: left;
	padding: 0.4em 0.6em;
	background-color: #F2F2F2;
	width: 1.2em;
	margin-bottom: 0;
}


.sv_standby_ticket table.additional_options td[colspan="2"] {
	text-align: center;
	width: auto;
	display: block;
	width: calc(100% - 3.6em);
	background-color: transparent;
}

#seating_plan_areas_button {
	margin: 1em 0;
}

#checked_areas {
	background-color: #FFF;
	padding: 0 0.4em;
}

div#single_place_areas > span.info_txt {
	display: block;
	font-size: 0.9em;
}

div#single_place_areas > span.info_txt > ul > li {
	list-style-type: circle;
	list-style-position: inside;
	font-size: 0.9em;
}

#checked_areas {
	text-align: left;
}

div#checked_areas > span#checked_areas_span {
	text-decoration: underline;
	line-height: 1.7em;
}

div#checked_areas_cont > ul > li {
	list-style: circle inside;
}

div#checked_areas_cont > ul > li.not_checked {
	color: #AAAAAA;
}

div#checked_areas_cont > div.platz_art_notification {
	font-size: 0.9em;
}

.sv_standby_ticket table.additional_generic_options {
	width: 100%;
	margin-top: 1em;
}

.sv_standby_ticket table.additional_generic_options td {
	vertical-align: middle;
	text-align: center;
}

.sv_standby_ticket table.additional_generic_options td.property_bezeichnung {
	text-align: left;
	padding: 0.4em 0.6em;
	background-color: #F2F2F2;
	margin-bottom: 0;
}

.sv_standby_ticket table.additional_generic_options td.property_options label {
	display: inline-block;
}

.sv_standby_ticket table.additional_generic_options td.property_options .radio_property_container {
	border: 1px solid #bbb;
	background-color: #ddd;
	padding: .2em .3em;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
	display: inline-block;
}

.sv_standby_ticket table.additional_generic_options td.property_options .radio_property_container > * {
	vertical-align: middle;
}

.sv_standby_ticket table.additional_generic_options td.property_options .radio_property_container.selected {
	background-color: rgba(242,136,0,0.1);
	border-color: #F28800;
	color: #000;
}

.sv_standby_ticket table.additional_generic_options td.property_options .radio_property_container:hover ,
.sv_standby_ticket table.additional_generic_options td.property_options .radio_property_container.selected:hover {
	border-color: #BBBBBB;
	background-color: #F0F0F0;
}

#seating_plan {
	position: relative;
}

#seating_plan > img {
	z-index: 1;
	width: 100%;
}

#seats {
	z-index: 2;
	position: relative;
	width: 0px;
	height: 0px;
}

#seats_loading {
	width: 100%;
	height: 100%;
	background-color: (125,125,125,0.2);
	z-index: 3;
	position: absolute;
	vertical-align: middle;
	text-align: center;
}

#load_seats_error {
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.1em #000000;
}

#load_seats_error > a {
	color: inherit;
	text-align: inherit;
	text-shadow: inherit;
	text-decoration: underline;
}

#seats_loading > div.loading_animation {
	width: 100%;
	height: 100%;
	background: url('/ticket/tcult/pics/loadingAnimation.gif') no-repeat center center;
	z-index: 4;
}

#no_seats {
	width: 100%;
	margin: 3em 0 0 0;
	padding: 0.3em 0;
	text-align: center;
	border-top: 0.2em solid #FF0000;
	border-bottom: 0.2em solid #FF0000;
	background-color: #FFFFFF;
	color: #FF0000;
	text-align: center;
	z-index: 4;
}

#seating_plan > div.legend {
	padding: 0 0.5em;
}

#seating_plan > div#seats > div.seat ,
#seating_plan > div.legend > div > div.seat {
	z-index: 2;
	position: absolute;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background-color: #199F13;
}

#seating_plan > div#seats > div.aisle_seat ,
#seating_plan > div.legend > div > div.aisle_seat {
	background-color: #FFA415;
  z-index: 3;
}

#seating_plan > div.legend > div > div.seat {
	display: inline-block;
	position: relative;
}

#seating_plan > div.legend > div > div.seat + div {
	display: inline-block;
	font-size: 0.9em;
	margin-left: 0.3em;
}

.additional_info {
	margin-top: 2em;
}

.additional_info ul {
	margin-left: 0.5em;
	padding-left: 1.2em;
}

.additional_info ul li {
	list-style-type: circle;
	list-style-position: outside;
}








#seating_plan_areas_div {
	padding: 0.5em;
}

#seating_plan_areas_div > span {
	display: block;
	margin: 0.3em 0 0 0;
  padding-left: 0.5em;
	background-color: rgba(0,0,0,0.05);
}

#seating_plan_areas_div > span > a {
	display: inline-block;
	width: 70%;
	line-height: 2.5em;
	margin-left: 0.3em;
}

#seating_plan_areas_div > span > a::before {
	content: "⊞";
	font-size: 1.2em;
  line-height: 0.9em;
	margin: 0 0.2em;
}

#seating_plan_areas_div > span.expanded > a::before {
	content: "⊟";
}
#seating_plan_areas_div div.areas_checkboxes {
	margin: 0 0 0.5em 2em;
	padding: 0.2em;
}

#seating_plan_areas_div div.areas_checkboxes label {
	padding: 0.3em;
	margin: 0 0 0.3em 0;
	display: block;
	background-color: rgba(255,255,255,0.05);
}
















@media (min-width: 36em) {

	.sv_standby_ticket .fieldset_container.stby_details ,
	.sv_standby_ticket .fieldset_container.stby_more_options ,
	.sv_standby_ticket .fieldset_container.standby_seating_plan ,
	.sv_standby_ticket .fieldset_container.additional_info {
		width: 100%;
		max-width: 41em;
		margin: 1em auto;
	}


	.sv_standby_ticket table.additional_generic_options td.property_bezeichnung {
		max-width: 12em;
	}

	.sv_standby_ticket .fieldset_container.standby_seating_plan {
		max-width: 36em;
	}

	.sv_standby_ticket table.additional_options th {
		text-align: left;
	}

	.sv_standby_ticket .fieldset_container.stby_details table.details .account_card_header {
		text-align: left;
	}
}



@media (min-width: 49em) {
	body:not(.mobile_device) #seating_plan_areas_div > span {
		background-color: transparent;
	}
}




@media (min-width: 65em) {
	.sv_standby_ticket {
		vertical-align: top;
	}

	.sv_standby_ticket .fieldset_container.stby_details ,
	.sv_standby_ticket .fieldset_container.stby_more_options ,
	.sv_standby_ticket .fieldset_container.standby_seating_plan ,
	.sv_standby_ticket .fieldset_container.additional_info {
		display: inline-block;
		width: 49%;
		max-width: none;
		margin: 0 1%;
		vertical-align: top;
	}

	.sv_standby_ticket .fieldset_container.stby_details ,
	.sv_standby_ticket .fieldset_container.standby_seating_plan {
		margin-left: 0;
	}

	.sv_standby_ticket .fieldset_container.stby_more_options ,
	.sv_standby_ticket .fieldset_container.additional_info {
		margin-right: 0;
	}

	.sv_standby_ticket .fieldset_container.additional_info ,
	.sv_standby_ticket .fieldset_container.standby_seating_plan {
		margin-top: 2em;
	}

	.sv_standby_ticket .fieldset_container.stby_details table.details td {
		min-width: 20em;
	}

}


