/* BASE */
body {
	background: #3250a5;
	color: #fffa7f
}
#main,
.mceContentBody {
	background: #3250a5;
	color: #fffa7f
}
#lftContainer .scrollableAside .wrapItLikeItsHot,
#lftContainer .scrollableAside .wrapItLikeItsHot:after {
	background: #3250a5;
	color: #ffffff
}
.csMode_mixed #main:before,
.csMode_mixed #main:after {
	background: #fffa7f;
}
.article,
.tickerItem .infoLine,
.accordionWrapper.ui-accordion .ui-accordion-content {
	color: #ffffff
}
.underlined:after {
	background: #99a8d2;
}
.navSub a.active,
.navSub a.mPS2id-highlight-first {
	color: #fffa7f
}
h1,
.fs1,
.ui-accordion .ui-accordion-header.h1,
.fs2,
h2,
.fs3,
.ui-accordion .ui-accordion-header.h2,
h3,
.fs4,
.ui-accordion .ui-accordion-header.h3,
.colored,
.locationA11yTitle,
 .success {
	color: #fffa7f
}
#lftContainer .scrollableAside .wrapItLikeItsHot .colored {
	color: #fffa7f
}

.highlightedText  {
	background: #ffffff;
	color: #3250a5;
}

hr,
.stdTable tr + tr {
	border-color: #5b73b7;
}


.btn,
.ui-widget-content .btn {
	color: #fffa7f;
	border-bottom-color: #99a8d2
}
.btn:after {
	background: #99a8d2;
}
.btn.btnBordered:after,
.btn.btnRounded:after {
	border-color: #99a8d2;
}
.btnRaised,
 .sticker {
	background: #fffa7f;
	color: #3250a5
}
.btnRaised.btnBordered  {
	color: #fffa7f;
	border-color:  #fffa7f;
}
.hint,
.lightText,
.disabledText,
[aria-disabled="true"],
.optsContainer > label .shortInfo,
.optsContainer .optsInputLabel .shortInfo,
.optsInputWrap > label .shortInfo {
	color: #99a8d2
}
.articleGrid.textOnImage.imgStyleDuplex .gridWrapInner,
.articleGrid.poster.imgStyleDuplex .gridWrapInner {
	background: #3250a5;
	color: #fffa7f;
	text-shadow: none;
}
.gridWrap .articleGrid.vcShowElements:after,
.listItem.vcShowElements:after {
	background: #4762ae;
}
.articleGrid.textOnImage.imgStyleDuplexInverted .gridWrapInner,
.articleGrid.poster.imgStyleDuplexInverted .gridWrapInner {
	background: #fffa7f;
	color: #3250a5;
	text-shadow: none;
}

.articleGrid .imgWrap.lazy {
	background-image: linear-gradient(202deg, #4c6abf 0%, #19378c 100%) !important;
}
.articleGrid .imgWrap.imgPlaceholder {
	background: #000000;
}
.articleGrid.textOnImage.imgStyleDuplex .imgWrap.imgPlaceholder,
.articleGrid.poster.imgStyleDuplex .imgWrap.imgPlaceholder {
	background: #3250a5;
}
.articleGrid.textOnImage.imgStyleDuplexInverted .imgWrap.imgPlaceholder,
.articleGrid.poster.imgStyleDuplexInverted .imgWrap.imgPlaceholder {
	background: #fffa7f;
}
.articleGrid.textUnderImageColoredBg .gridWrapInner {
	color: #3250a5;
	background: #fffa7f;
}
.teaserItem {
	background: #3250a5;
}
.teaserItem.imgStyleDuplex .teaserItemTextWrap *,
.teaserItem.imgStyleDuplexInverted .teaserItemTextWrap .highlightedText,
.teaserItem.imgStyleDuplexInverted .teaserItemTextWrap .btn:hover {
	color: #fffa7f;
	text-shadow: none;
}
.teaserItem.imgStyleDuplexInverted .teaserItemTextWrap *,
.teaserItem.imgStyleDuplex .teaserItemTextWrap .highlightedText,
.teaserItem.imgStyleDuplex .teaserItemTextWrap .btn:hover {
	color: #3250a5;
	text-shadow: none;
}
.gridWrap.swiperOuterWrap:after,
.gridWrap.swiperOuterWrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #fffa7f
}
.gridWrap.swiperOuterWrap .intro {
	color: #3250a5
}

.gridWrap.swiperOuterWrap .swiper-button-next,
.gridWrap.swiperOuterWrap .swiper-button-prev {
	color: #fffa7f
}
.gridWrap.swiperOuterWrap .swiper-pagination-progressbar {
	background: #99a8d2;
}
.articleGrid.imgStyleDuplex .articleTeaser:before,
.teaserItem.imgStyleDuplex .teaserImgWrap:after,
 .teaserWrap {
	background: #3250a5;
}
.articleGrid.imgStyleDuplexInverted .articleTeaser:before,
.teaserItem.imgStyleDuplexInverted .teaserImgWrap:after {
	background: #fffa7f;
}
.teaserItem.imgStyleDuplex .teaserImg:before,
.articleGrid.imgStyleDuplex .articleTeaser .imgWrap:before {
	background: #000;
	opacity: 0.2;
}
.teaserItem.imgStyleDuplexInverted .teaserImg:before,
.articleGrid.imgStyleDuplexInverted .articleTeaser .imgWrap:before {
	background: #fff;
	opacity: 0.2;
}
.vcContentSection.bgAlternate {
	background: #fffa7f;
	color:  #000000;
}

.pagerJumper a {
	border-color: #99a8d2;
	color: #fffa7f;
}
.pagerJumper a.aktiv {
	border-color: #ffffff;
	background: #ffffff;
	color: #3250a5;
}
.underlinedHoverScope.active .underlined,
.underlined.active {
	color: #ffffff;
}
.underlinedHoverScope.active .underlined:after,
.underlined.active:after {
	background: #ffffff;
}

.imgContainer .dlItemWrap {
	background: #fffa7f;
}
.imgContainer .dlItemWrap > * + *:after {
	background: #fffb8c;
}
.gallery .dlItemsBottom,
.imgContainer .imgGalleryWrap .captionOuter {
	background: rgba(50,80,165,.9);
	color: #fffa7f
}

@media (hover) {
	.underlinedHoverScope:hover .underlined:after,
	.underlined:hover:after {
		background: #ffffff;
	}
	.gridWrap.swiperOuterWrap .swiper-button-next:hover,
	.gridWrap.swiperOuterWrap .swiper-button-prev:hover {
		color: #ffffff;
	}
	.btnHoverScope:hover .btn,
	.btn:hover,
	.ui-widget-content .btn:hover {
		color: #3250a5;
	}
	.btnHoverScope:hover .btn:after,
	.btn:hover:after {
		border-color: #ffffff;
		background: #ffffff;
	}

	.btnHoverScope:hover .btnRaised,
	.btnRaised:hover,
	.ui-widget-content .btnRaised:hover {
		background: #ffffff;
		border-color: #ffffff;
		color: #3250a5;
	}

	.pagerJumper a:hover {
		border-color: #ffffff;
		background: #ffffff;
		color: #3250a5;
	}
}
@media (min-width: 640px) {
	.gridWrap.swiperOuterWrap .swiper-button-next,
	.gridWrap.swiperOuterWrap .swiper-button-prev {
		color: #3250a5
	}
	.gridWrap.swiperOuterWrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		background: #3250a5
	}
}

#navMain .lvl2 .navBtnWrap .active .name,
#siteSearchTrigger .off {
	border-color: #99a8d2;
}
#logo,
#navMain a,
#socialHeaderInMainNav a {
	color: #fffa7f
}
#header,
#header.fixedShow,
#topBar,
#headerWrap {
	background: #3250a5;
	color: #fffa7f
}
#header,
#lftContainerTrigger {
	background: rgba(50,80,165,.9);
	color: #fffa7f
}
#header.fixedShow + #main #lftContainerTrigger {
	background: #3250a5
}
#navMenuTrigger:before,
#navMenuTrigger:after,
#navMenuTrigger .line {
	background: #fffa7f;
}
#navMenuSwitch:checked ~ #wrapper #header:after,
#navMenuSwitch:checked ~ #wrapper #header #logoNavBar:before {
	background: linear-gradient(to bottom, #3250a5 calc(100% - 40px),rgba(50,80,165,0) 100%);
}
#quickSrcBox {
	background: rgba(50,80,165,.9);
}
#quickSrcBox.fs2 {
	color: #fffa7f;
}
#quickSrcBox .optsInputWrap input:focus {
  border-color: #fffa7f;
}
#srcBoxSubmit {
	background: #fffa7f;
	color: #3250a5;
}

#lftContainerTrigger .btn {
	color: #fffa7f;
	border-bottom-color: #99a8d2;
}

@media (hover) {
	#siteSearchTrigger:hover .on,
	#navMain .lvl2 .navBtnWrap:hover .name,
	#siteSearchTrigger:hover .off {
		color: #ffffff;
		border-color: #ffffff;
	}
	#languageSelect .item:hover,
	#navMenuTrigger:hover,
	#navQuickAccess a:hover {
		color: #ffffff;
	}
	#navMenuTrigger:hover:before,
	#navMenuTrigger:hover:after,
	#navMenuTrigger:hover .line {
		background: #ffffff;
	}
	#srcBoxSubmit:hover {
		background: #ffffff;
		color: #3250a5;
	}

	#lftContainerTrigger.btnHoverScope:hover .btn,
	#lftContainerTrigger .btn:hover {
		color: #3250a5;
	}
	#lftContainerTrigger.btnHoverScope:hover .btn:after,
	#lftContainerTrigger .btn:hover:after {
		background-color: #ffffff;
	}
}


/* FOOTER & FLIPED COLORS */
#footer,
.pageJumperFooterWrap {
	background: #fffa7f;
	color: #3250a5
}

#navFtr a:hover .label,
#navFtr .a:hover .label {
	border-color: #99a8d2;
}

#footer .hint,
#letterFooterWrap .article,
#letterFooterWrap .fs4,
.pageJumperFooterWrap a,
#footer .optsInputWrap .optsInline label,
#footer .optsContainer > label .shortInfo,
#footer .optsContainer .optsInputLabel .shortInfo,
#footer .optsInputWrap > label .shortInfo {
	color: #3250a5
}
#footer .optsInputWrap input:hover,
#footer .optsInputWrap input:focus,
#footer .optsInputWrap .selectWrap:hover .selectOver,
#footer .optsInputWrap .optsCounterWrap:hover .over,
#footer .optsInputWrap .selectWrap.focus .selectOver,
#footer .optsInputWrap .optsCounterWrap.focus .over,
#footer .optsInputWrap .optsInline label:hover {
	border-color: #3250a5;
}
#footer .optsInputWrap .optsInline input:checked + label {
  border-color: #3250a5;
  background: #3250a5;
  color: #fffa7f
}
#footer .btnRaised {
	background: #3250a5;
	color: #fffa7f
}
#footer #footerTop .btnRaised {
	background: #fffa7f;
	color: #3250a5;
}
#footer .btnRaised:hover,
#footer #footerTop .btnRaised:hover{
	background: #ffffff;
	color: #3250a5;
}


#footer .disabledText,
#footer [aria-disabled="true"],
.pageJumperFooterWrap .disabledText,
.pageJumperFooterWrap [aria-disabled="true"] {
	color: #99a8d2;
}
#footer .form .hint .duty,
#footer .optsContainer.optsDuty .optsInputWrap > label:after {
	color: #99a8d2
}

/* MAPS */
.infoBox {
	background: #fffa7f;
	color: #3250a5
}
.infoBox:after,
.infoBox .nose {
	border-top-color: #fffa7f;
}
.infoBox .btnRaised {
	background: #3250a5;
	color: #fffa7f
}
.infoBox .btnRaised:hover {
	background: #ffffff;
	color: #3250a5;
}

/* MODAL */
.vcModalTarget .modalMsg {
	background: #3250a5;
	color: #fffa7f
}
.vcModal .vcModalClose {
	background: #3250a5;
}
.vcModal .vcCssIconClose:before,
.vcModal .vcCssIconClose:after {
	background: #fffa7f;
}
.vcModal .vcModalClose:hover {
	background: #ffffff;
}
.vcModal .vcModalClose:hover .vcCssIconClose:before,
.vcModal .vcModalClose:hover .vcCssIconClose:after {
	background: #3250a5;
}
.vcModalBannerBottom .vcModal:after {
	background: linear-gradient(to bottom, rgba(50,80,165,0) 0%, #3250a5 100%);
}

.vcPrivacyOptsLine input:disabled + label .state {
	background: #99a8d2;
}

.vcCssIconArrowDown::after {
	border-color: #ffffff;
}

/* FORM */
 .form .hint .duty,
.optsContainer.optsDuty .optsInputWrap > label:after,
.optsContainer.optsDuty .optsInputLabel:after,
.optsContainer.optsDuty > label:after {
	color: #fffa7f
}
.optsInputWrap input,
.optsInputWrap .input,
.optsInputWrap textarea,
.optsInputWrap select,
.optsInputWrap .selectOver,
.optsInputWrap .optsCounterWrap .over {
	border-bottom-color: #99a8d2
}
.optsInputWrap input:hover,
.optsInputWrap .input:hover,
.optsInputWrap textarea:hover,
.optsInputWrap select:hover,
.optsInputWrap .selectWrap:hover .selectOver,
.optsInputWrap .optsCounterWrap:hover .over,
.optsCheckbox .optsInputWrap:hover,
.optsRadio .optsInputWrap:hover,
.optsInputWrap input:focus,
.optsInputWrap .input:focus,
.optsInputWrap textarea:focus,
.optsInputWrap select:focus,
.optsInputWrap .selectWrap.focus .selectOver,
.optsInputWrap .optsCounterWrap.focus .over {
	border-color: #fffa7f
}
.optsCheckbox .optsInputLabel,
.optsRadio .optsInputLabel {
	color: #ffffff;
}
.optsInputWrap .optsInline label,
.navSub.anchorListStyle a {
	color: #fffa7f;
	border-color: #99a8d2;
}
.optsInputWrap .optsInline label:hover,
.navSub.anchorListStyle a:hover {
	border-color: #fffa7f;
}
.navSub.anchorListStyle a.active,
.optsInputWrap .optsInline input:checked + label {
	border-color: #fffa7f;
	background: #fffa7f;
	color: #3250a5;
}
#month-picker .selectOver:after,
.optsContainer .selectOver:after {
	border-color: #99a8d2;
}
#month-picker .selectWrap:hover .selectOver:after,
#month-picker .selectWrap.focus .selectOver:after,
 .optsContainer .selectWrap:hover .selectOver:after,
.optsContainer .selectWrap.focus .selectOver:after {
	border-color: #fffa7f;
}
.optsInputWrap .icon {
	color: #99a8d2;
}
.optsContainer select:focus + .icon,
.optsContainer .selectWrap.focus + .icon,
.optsContainer textarea:focus + .icon,
.optsContainer input:focus + .icon,
.optsContainer .input:focus + .icon {
	color: #fffa7f;
}

/* EVENTS */
.eventsSlider .dateSliderButtonNext,
.eventsSlider .dateSliderButtonPrev,
#terminfilterung .monthButtonNext,
#terminfilterung .monthButtonPrev {
	border-color: #99a8d2;
	color: #fffa7f;
}
.calender-line .cal-left,
.calender-line .cal-right,
.eventsSlider + .vcContentSection.hasPlayFacts,
.eventsSlider + .playFactsWrap,
.cast {
	border-color: #5b73b7;
}
.cast:after {
	background: #5b73b7;
}
.eventsSlider .dateSliderButtonNext:hover,
.eventsSlider .dateSliderButtonPrev:hover,
#terminfilterung .monthButtonNext:hover,
#terminfilterung .monthButtonPrev:hover,
.calender-line .event-hinweis .info {
	border-color: #ffffff;
	background: #ffffff;
	color: #3250a5;
}
.calender-line .event-table.tax_canceled .strikedthrough,
.eventsSlider .dateSliderEvents .event .strikedthrough {
	color: #99a8d2;
}
.calender-line .event-table.tax_canceled .strikedthrough span,
.eventsSlider .dateSliderEvents .event .strikedthrough .strikedthroughNode {
	background: linear-gradient(0deg, rgba(153,168,210,0) calc(50% - 1px), rgba(153,168,210,1) calc(50% - 1px), rgba(153,168,210,1) calc(50% + 1px), rgba(153,168,210,0) calc(50% + 1px));
}
.eventsSlider .dateSliderButtonPrevWrap:after {
	background: linear-gradient(90deg, #3250a5 calc(100% - 20px), rgba(153,168,210,0) 100%);
}

.eventsSlider .dateSliderMonth.sticky::after {
    background: linear-gradient(to right, rgba(50,80,165,1) 0%,rgba(50,80,165,0.9) calc(100% - 10px),rgba(50,80,165,0) 100%);
}
.eventsSlider.eventsSliderStart .dateSliderDatesWrap:not(.isAtBeginning) .dateSliderMonth.sticky::after {
	background: #3250a5;
}
.eventsSlider .dateSliderDate.hasEvents:hover,
.calender-line .sold-out,
.calender-line .cal-left .weekday {
	color: #ffffff;
}
.eventsSlider .dateSliderEventsWrap,
.eventsSlider .dateSliderDate:after {
	color: #3250a5;
	background: #fffa7f;
}
.eventsSlider .dateSliderDate.hasEvents.active {
	color: #3250a5;
}

.eventsSlider .dateSliderEvents .event + .event {
	border-top-color: rgba(50,80,165,.15);
}
.eventsSlider .dateSliderEvents .event .event-tickets:hover {
	color: #000000;
}
.eventsSlider.eventSliderRecentPlays .eventsSliderLabel {
	background: #3250a5;
}
.eventsSlider:not(.isSidebar).eventSliderRecentPlays .title,
.eventsSlider:not(.isSidebar).eventSliderRecentPlays .attrList,
.eventsSlider:not(.isSidebar).eventSliderRecentPlays .sold-out {
	color: #fffa7f;
}

@media (min-width: 960px) {
	.calender-line .event-table:last-child .left-side,
	.calender-line .event-table:last-child .right-side,
	.calender-line .cal-right .event-emptyNote {
		border-color: #5b73b7;
	}
}

body .mejs__audio {
	background-color: #fffa7f;
}
body .mejs__audio .mejs__time-total {
	background-color: #ffffff;
}
body .mejs__audio .mejs__button > button,
body .mejs__audio .mejs__time {
	color: #3250a5;
}
body .mejs__audio .mejs__time-current,
body .mejs__audio .mejs__time-handle-content,
body .mejs__audio .mejs__horizontal-volume-current {
	background-color: #3250a5;
}
body .mejs__audio .mejs__horizontal-volume-total {
	border-color: #3250a5;
}