:root {
	--bookingBackground: #362f30 !important;
	--bookingPrimary: #fff !important;
	--bookingSecondary: #d11275 !important;
	--bookingDark: #d11275 !important;
	--bookingPrimaryLight:#d11275 !important;
	--bookingPrimaryUltraLight:#d11275 !important;
	--bookingPrimaryDark: #d11275 !important;
	--tableBackground: #cccccc !important;
	--primaryFont: "Open Sans", sans-serif !important;
	--secondaryFont: "Open Sans", sans-serif !important;
	--textcolorSingle: #fff !important;
	--hoverColor: #322c2d !important;
	--priceInfoForegroundColor: #fff !important;
	--priceInfoBackgroundColor: #d11275 !important;
}

/* Fonts */

::selection {
	color: var(--textcolorSingle);
	background: var(--bookingPrimaryDark);
  }

h1{
	font-size: 4rem;
	text-align:center;
}
h2{
	font-size:2rem;
}
h4{
	font-size: 25px;
	color: var(--textcolorSingle);
}
.page-title span{
	font-size: 2rem;
}
.movieUpcomingDate{
	color: #fff !important;
}

article.blog-item.single .post-content .content-meta .entry-title,
article.blog-item.single .content-footer span,
article.blog-item.single .post-content .entry-text,
article.blog-item.single .content-footer .mdate li a i,
article.blog-item.single .post-content .info-content .item-info li span, article.blog-item.single .post-content .info-content .item-info li p{
	color: var(--textcolorSingle);
}
article.blog-item.single .content-footer .mdate li a i{
	border-color: var(--textcolorSingle);
	font-weight: 700 !important;
}
.curentDate{
	color: var(--bookingPrimary);
}

body, h1, h1 small{
	letter-spacing: 1px!important;
}

.bootstrapWizard li .step, h1, h2, h3, h4 {
	font-family: var(--primaryFont)!important;
	letter-spacing: 1px;
}
.bootstrapWizard li .step {
	background-color: var(--bookingBackground);
	border-color: var(--bookingSecondary);
	color: var(--bookingPrimary);
}
.btn-default{
	color: var(--bookingPrimary) !important;
}
#bootstrap-wizard-1 th, #bootstrap-wizard-1 td{
	background-color: var(--bookingBackground) !important;
}
#btnAlsGastBestellen, #btnAlsGastAnmelden{
	color: var(--bookingSecondary) !important;
}
.seatCharts-cell{
	color: var(--bookingBackground) !important;
}
.navi .front-indicator span{
	color: var(--bookingBackground);
}
.bootstrapWizard li.active .step {
	background-color: var(--bookingSecondary);
	border-color: var(--bookingSecondary);
	color: var(--bookingPrimary);
}
.bootstrapWizard li:before {
	border-color: var(--bookingSecondary);
}

input, body {
	font-family: var(--secondaryFont)!important;

}

.page-title.eventHeader.smallOnPhone span,
.page-title.eventHeader.smallOnPhone i{
	color: var(--bookingPrimary) !important;
}

div.seatCharts-cell{
	font-size: 12px;
}
div.front-indicator {
	color: var(--bookingPrimary)!important;
	background-color: var(--bookingSecondary)!important;
}

/* Color Changes */

h1,
.page-title span,
.categories input[type="radio"] + label,
body,
h1,
h1 small
{
	color:var(--bookingPrimary) !important;
}
a,a:visited,a:hover{
	color:var(--bookingPrimary) ;
}

li div.standard{
	background-color: var(--bookingPrimaryLight) !important;
}

.categories input[type="radio"]:checked + label {
	background-color: var(--bookingPrimaryLight) !important;
}
.radio{
accent-color: var(--bookingDark) !important;
}
h1.title-deko{
	border-color: var(--bookingSecondary) !important;
}
div.seatCharts-row > div:first-of-type {
	background-color: var(--bookingSecondary)!important;
	color: var(--bookingBackground);
}

div.seatCharts-seat.seatCharts-cell.unavailable {
	background-color: var(--bookingPrimaryUltraLight)!important;
}
div.seatCharts-seat.seatCharts-cell.selected {
	background-color: var(--bookingSecondary)!important;
}
div.seatCharts-seat.seatCharts-cell:hover {
	background-color: var(--bookingDark)!important;
}

.categories input[type="radio"] + label,
.alert
{border: 2px solid var(--bookingSecondary);}

.alert{
	border-color: var(--bookingPrimaryLight)!important;
}

.categories input[type="radio"]:checked + label,
.categories input[type="radio"]:checked + label .note{
	color: white !important;
}

.ColTwo {
	color: var(--bookingPrimary);
	background-color: var(--bookingSecondary);
}

/* Div. */


.categories label{
	padding: 5px 15px;
}

.form-actions{
	border-top:none;
}

/* additional stuff */

#tableGiftcardSummary th, #tableGiftcardSummary td, #tbl_Tickets th, #tbl_Tickets td{
	background-color: var(--bookingBackground) !important;
}
.page-title.eventHeader *{
	color: var(--bookingBackground) !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	border-color: var(--bookingSecondary) !important;
}
.bg-dark{
	background-color: var(--bookingBackground) !important;
}
.bg-darker,
article.blog-item.single .content-footer{
	background-color: var(--bookingBackground) !important;
}

.btn,.btn-movieTime:visited,.pager li>a, .pager li>a:hover, .pager li>a:focus{
	background-color: var(--bookingSecondary);
	border-radius: 100px;
	border-color: var(--bookingSecondary);
	color: var(--bookingPrimary);
	font-size: 16px;
	font-family:var(--primaryFont);
}

.programMovie h3 {
	height: 3em;
	max-height: 3em;
  }

  .movieTimesWeekTable .tableWrapper{
	border-bottom:none;
  }


.tooltip-inner{
	background-color: var(--bookingSecondary);
	font-size: 16px;
	border-radius:0;
	font-family: var(--primaryFont);
}
.tooltip-arrow {
	/* border-top-color: var(--bookingSecondary) !important; */
	border-right-color: var(--bookingSecondary) !important;
	/* border-left-color: var(--bookingSecondary) !important; */
	/* border-bottom-color: var(--bookingSecondary) !important; */
}
.fa.fa-lg.fa-arrow-right,
.fa.fa-lg.fa-arrow-left{
	color: var(--bookingSecondary) !important;
}

tr:nth-of-type(even){
	background-color: var(--tableBackground);
}

.movieTableTimeBtn{
	background-color: var(--bookingSecondary) !important;
	color: var(--bookingBackground)!important;
	border: none !important;
}

#bootstrap-wizard-1 th, #bootstrap-wizard-1 td{
	background-color:black;
}
/* .backBtn{
	top:30px;
} */

/* Block UI */
.blockUI.blockMsg {
	background-color: var(--bookingBackground)!important;
	border-radius: 5px;
}

button#btnGutscheinAbbrechen, #GutscheinBtn {
	background-color: var(--bookingBackground) !important;
	color: var(--bookingSecondary)!Important;
}
#GutscheinBtn{
	margin-bottom: 15px!important;
}

#frm_GutscheinModal{
	color: var(--bookingPrimary);
}



/* Gutscheine */
#userNavbar.navbar-default .navbar-nav>.active>a, #userNavbar.navbar-default .navbar-nav>.active>a:hover {
    border: 1px solid var(--bookingSecondary)!important;
    background-color: unset;
}
#tableGiftcardSummary th, #tableGiftcardSummary td,  #tbl_Tickets th, #tbl_Tickets td{
	/*background-color: var(--bookingSecondary)!important; not working*/ 
	background-color: #151618;
}
.coupon{
	background-color: var(--bookingSecondary)!important;
	color: var(--bookingPrimary)!important; /*--bookingSecondary*/
}
.form-control[disabled], .form-control[readonly]{
	background-color: var(--tableBackground);
	cursor: not-allowed;
}
#input_standardMenge, .btn-number{
	color: var(--bookingPrimary)!important;
}

h1.profilenavh1, h1.profilenavh1 span {
	font-size: 2rem;
}

#frm_kundendaten  h1.title-deko{
	font-size: 2rem;
}

.btn-primary{
	color: var(--bookingPrimary) !important;
}

/* Gastbestellung */
#btnWeiterAlsGast, #btnRegisterSubmit{
	margin-top: 13px;
}
#btnWeiterAlsGast:hover, #btnWeiterAlsGast:focus {
	background-color: var(--bookingSecondary);
	border-radius: 100px;
	border-color: var(--bookingSecondary);
	color: var(--bookingPrimary);
	font-family: var(--primaryFont);
	border: 1px solid transparent;
}

/* Success Page */
.btn-download, .btnBuyGiftcards{
	color: white!IMportant;
	background-color: var(--bookingSecondary)!IMportant;
}

.btn-kundenbereich{
	color: white!Important;
	background-color: var(--bookingSecondary)!Important;
}

/* Controlls */

.date.active-date, .Controlls-Active{
    background-color: var(--bookingSecondary) !important;
	color: #fff !important;
}

.controls button:disabled {
	filter: none !important;
	border-color: var(--tableBackground) !important;

	.fa.fa-lg.fa-arrow-right,
	.fa.fa-lg.fa-arrow-left{
		color: var(--tableBackground) !important;
	}
}

/* New Voucher Shop */
#LabelcouponDetails{
	color: black;
}

.couponMengeInput {
	color: var(--bookingBackground) !important;
}

.buttonIncDec .fa-plus {
	color: var(--bookingBackground);
}

.buttonIncDec .fa-minus {
	color: var(--bookingBackground);
}

.coupon{
	color: white !important
}

.MovieShowtimes, .MovieInfoTD{
	background-color: var(--bookingDark)
}

/**
* Leinwand
*/
div.screen{
	background-color: var(--bookingPrimary);
	border: 1px solid var(--bookingPrimary);
}

div.screen-shadow{
	background: linear-gradient(rgba(240, 240, 240, .1) 0%, rgba(240, 240, 240, 0) 100%) !important;
}

.date, .controllButton button{
	background-color: #181512 !important;
	color: var(--bookingPrimary);
}

.controllButton button.Controlls-Active{
	background-color: var(--bookingSecondary) !important;
	color: #fff !important;
}

.InfoTextDailyV2, .MovieDailyV2{
	background-color: #292323 !important;
}

.DailyInfo_Time{
	background-color: #362f30 !important;
}

.select2-results__option, .select2-dropdown, .select2-selection, .select2-selection__arrow, .select2-search__field{
	background: #292323 !important;
	border: none !important;
	color: var(--bookingPrimary) !important;
	-webkit-box-shadow: none !important;
}

.select2-results__option--highlighted{
	background-color: var(--bookingDark) !important;
	color: var(--bookingPrimary) !important;
}

.couponImage{
	height: 400px !important;
	width: 400px !important;
	margin: auto;
}

.coupon {
    height: 500px !important;
}

input.wertWaehlbarInput{
	background-color: var(--bookingBackground) !important;
	border: none !important;
	padding: 3px !important;
	color: white !important;
}

.buttonIncDec:hover, .buttonIncDec:active, .buttonIncDec:focus{
	background-color: var(--hoverColor) !important;
	color: var(--bookingPrimary) !important;
}

.inputGroupAmount input,
.inputGroupAmount i{
	color: var(--bookingPrimary) !important;
}

#LabelcouponDetails{
	color: var(--bookingPrimary) !important;
}

@media screen and (max-width: 1900px) {
	div.couponImage{
		height: 300px !important;
		width: 300px !important;
	}
	div.coupon {
		height: 400px !important;
	}
}

@media screen and (max-width: 1500px) {
	div.couponImage{
		height: 200px !important;
		width: 200px !important;
	}
	div.coupon {
		height: 300px !important;
	}
}

@media screen and (max-width: 1199px) {
	div.couponImage{
		height: 400px !important;
		width: 400px !important;
	}
	div.coupon {
		height: 500px !important;
	}
}

@media screen and (max-width: 1000px) {
	div.couponImage{
		height: 300px !important;
		width: 300px !important;
	}
	div.coupon {
		height: 400px !important;
	}
}

@media screen and (max-width: 769px) {
	div.couponImage{
		height: 400px !important;
		width: 400px !important;
	}
	div.coupon {
		height: 500px !important;
	}
}

@media screen and (max-width: 500px) {
	div.couponImage{
		height: 300px !important;
		width: 300px !important;
	}
	div.coupon {
		height: 400px !important;
	}
}

@media screen and (max-width: 440px) {
	div.couponImage{
		height: 200px !important;
		width: 200px !important;
	}
	div.coupon {
		height: 300px !important;
	}
}

.checkbox label span a{
	color: var(--bookingSecondary) !important;
	font-weight: 900;
}

label input[type=checkbox].checkbox.style-3:checked+span:before,
label input[type=checkbox].checkbox.style-0:checked+span:before{
	border-color: var(--bookingDark) !important;
	background-color: var(--bookingBackground) !important;
	color: var(--bookingDark) !important;
	margin-left: 0;
}

label input[type=checkbox].checkbox.style-3+span:before,
label input[type=checkbox].checkbox.style-0+span:before{
	border-color: none !important;
    outline: none !important;
}

#modalGutscheinTitel{
	color: var(--bookingPrimary);
}

.form-group label, .divRabattCode{
	color: var(--bookingPrimary);
}

.hr-sect {
    color: var(--bookingPrimary) !important;

}

.hr-sect:before,
.hr-sect:after {
    background: var(--bookingPrimary) !important;
}

.code-input{
	border-color: var(--hoverColor) !important;
	background-color: #584d4f;

}

.code-input:focus {
	border-color: var(--bookingDark) !important;
}

#erneutSenden{
	color: var(--bookingDark) !important;
}

#erneutSenden.disabled{
	color: var(--bookingSecondary) !important;
}

.ticket-container{
    table.table tbody tr td,
	table.table thead tr th {
        background-color: var(--bookingBackground) !important;
    }

    h2{
        border-color: white !important;
    }
}

#ticketsDiv{
    h2{
        border-color: white !important;
    }
}

.redirect-container {
	background-color: var(--bookingBackground) !important;
	
	.spinner-border{
		color: var(--bookingDark) !important;
	}
}

.couponBuyDiv{
	margin-top: 0;
}

.couponTitle{
	margin-top: inherit;
}

/* Chrome, Edge, Safari */
.wertWaehlbarInput::-webkit-inner-spin-button,
.wertWaehlbarInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.wertWaehlbarInput {
  -moz-appearance: textfield;
  text-align: center;
}

.error-container{
	background-color: var(--hoverColor) !important;
	box-shadow: 2px -1px 15px 3px var(--hoverColor);
	color: var(--bookingPrimary) !important;

	.error-icon{
		color: var(--bookingDark) !important;
	}

	.error-title, .error-message, .error-code-info{
		color: var(--bookingPrimary) !important;
	}
}

.membership{
	background-color: var(--bookingDark);
}

.membership-Title {
    border-color: var(--bookingPrimary) !important;
}

.membership-btn-detail{
	background-color: var(--bookingBackground) !important;
	padding: 2px 12px !important;
	color: var(--bookingPrimary) !important;
	border-color: var(--bookingSecondary) !important;
}

.membership-btn-detail:hover, .membership-btn-detail:focus {
	background-color: var(--hoverColor) !important;
	padding: 2px 12px !important;
	color: var(--bookingPrimary) !important;
	border-color: var(--bookingSecondary) !important;
}

.membership-shop-kundenkarte{
	border: 2px solid var(--bookingPrimaryUltraLight) !important;
}

#membership-shop-kundenkarte-charge-price-slider{
	background-color: var(--bookingPrimaryUltraLight) !important;
}

.noUi-connect{
	background-color: var(--bookingPrimary) !important;
}

.noUi-horizontal .noUi-handle{
	background-color: var(--bookingBackground) !important;
}

.membership-shop-kundenkarte-title{
	border-bottom: 2px solid var(--bookingDark) !important;
}

input#membership-shop-kundenkarte-input-input{
	background-color: var(--bookingBackground) !important;
	color: var(--bookingPrimary) !important;
	border-color: var(--bookingDark) !important;
}

span.input-group-addon.membership-shop-kundenkarte-input-addon{
	background-color: var(--bookingDark);
	border-color: var(--bookingDark) !important;
	color: var(--bookingPrimary) !important;
}

.membership .btn-infos,
.membership .btn-verwalten{
	background-color: var(--bookingBackground) !important;
}

.noUi-base{
	border-color: var(--bookingBackground) !important;
}

div#membership-shop-kundenkarte-charge-price-slider{
    box-shadow: none !important;
}

.btn-Login-CC{
	font-weight: 700 !important;
}

.modal-title{
	color: var(--bookingPrimary) !important;
}

#NoRenewOrCharge{
	color: var(--bookingPrimary) !important;
}

 .col-xs-10.col-xs-offset-1.col-md-offset-2.col-md-8.col-sm-offset-2.col-sm-8.menuButtons.LoginWithCC_customTXT {
	p{
		margin: 0 !important;
	}

    border: 1px solid var(--bookingDark);
    background: #d112752e;
    padding: 10px 16px;
    border-radius: 12px;
}

div.error-container{
	box-shadow: 1px 2px 17px #1a1a1a !important;
}