body {
  font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Segoe UI", "SegoeUI", "Segoe WP", sans-serif;
  background-color: #ffffff;
  color: #3a3a3a;
}

a:link,
a:visited,
a:active,
a:hover {
  color: #315a94;
}

/** Custom - Logo **/
.header {
  background-color: transparent;
}

.logo {
  border-bottom: 4px solid #f0f0eb !important;
}

.logo span {
  background-image: url(/assets/stadtkino_logo-4c197f96010172fe2c83bf6a2b5e29617a1bd8071c4292162063edf299329d87.png);
  height: 70px;
}

/** Custom - Event Info **/
.event-info,
.payment-info {
  background-color: #ffffff;
}

.event-title {
  color: #315a94;
}

/** Custom - Preistabelle/Warenkorb **/
.price-overview tr th {
  border-bottom: 2px solid #f0f0eb;
}

.price-overview tr .price .regular-price {
  color: #315a94;
}

.price-overview tr.sum {
  border-top: 2px solid #f0f0eb;
}

.remove-ticket-button {
  color: #315a94;
}

.form-control {
  border: 3px solid #222222;
  color: #222222;
}

.form-control::placeholder {
  color: #9a9a9a;
}

.cart .btn-cart {
  color: #ffffff;
  background-color: #315a94;
}

.quantity input[type=text] {
  border: 3px solid #eeeeee;
  background-color: #ffffff;
  color: #000000;
}

.quantity input[type=button] {
  background-color: #315a94;
  color: #ffffff;
}

/** Custom - Saalplan inkl. Legende **/
.seat.chosen rect {
  fill: #315a94;
  stroke: #315a94;
}

.seat.chosen text {
  fill: #ffffff;
}

/** Custom - CTA-Bereich fix **/
.container-fixed .btn {
  background-color: #315a94;
  color: #ffffff;
}

/** Custom - Error **/
.error {
  background-color: #315a94;
  color: #ffffff;
}

/** Custom - User-Message **/
.user-message {
  background-color: #315a94;
  color: #ffffff;
}

/** Custom - Overlay-Message **/
.overlay-message.error {
  background-color: #ffffff;
}

.error .overlay-text {
  color: #315a94;
}

/** Custom - Modal Fenster **/
.modal-content {
  background-color: #ffffff;
}

.btn-cta {
  background-color: #315a94;
  color: #ffffff;
}

/** Custom - Timer **/
.timer .min,
.timer .sec {
  background-color: #315a94;
  color: #ffffff;
}

/** xbtn **/
.xbtn,
.payment-btn {
  color: #fff;
  background-color: #315a94;
  border-color: #315a94;
}

.payment-btn .fas {
  border-color: rgba(255, 255, 255, 0.25);
}

.xbtn.focus,
.xbtn:focus,
.payment-btn.focus,
.payment-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

a.xbtn:link,
a.xbtn:visited,
a.payment-btn:link,
a.payment-btn:visited {
  text-decoration: none;
  color: #fff;
}

a.xbtn:hover,
a.payment-btn:hover {
  color: #fff;
  background-color: #9dacc1;
  border-color: #9dacc1;
}

.ntry-lg .custom-control-input:checked ~ .custom-control-label {
  color: #315a94;
}
.ntry-lg .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #315a94;
}