: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;

}







::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;

}







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);

}









.categories label {

  padding: 5px 15px;

}



.form-actions {

  border-top: none;

}







#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-right-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;

}







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

}









#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: #151618;

}



.coupon {

  background-color: var(--bookingSecondary) !important;

  color: var(--bookingPrimary) !important;

}



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

}





#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;

}





.btn-download,

.btnBuyGiftcards {

  color: white !IMportant;

  background-color: var(--bookingSecondary) !IMportant;

}



.btn-kundenbereich {

  color: white !Important;

  background-color: var(--bookingSecondary) !Important;

}







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

  }

}





#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)

}





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;

}





.wertWaehlbarInput::-webkit-inner-spin-button,

.wertWaehlbarInput::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}





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

}