/* barlow-semi-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/barlow-semi-condensed/barlow-semi-condensed-v15-latin-regular-376de6d9d9a77486c0bc6f79c3199696cf1317e557178528b917957b75fe720c.woff2) format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-semi-condensed-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Semi Condensed";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/barlow-semi-condensed/barlow-semi-condensed-v15-latin-700-e832d8b1b06835aac02163bf1239858cfd2ad79d6a7993156d948b68a2f140b4.woff2) format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  font-family: "Barlow Semi Condensed", sans-serif;
  background-color: #f1e3bd;
  color: #000;
}

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

select {
  border-color: #e63812;
  background-color: rgba(230, 56, 18, 0.25);
}

.container-fixed {
  width: calc(100% - 30px);
  background-color: #f1e3bd;
  padding: 20px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  margin: 0 15px 0 15px;
}

@media only screen and (max-width: 786px) {
  .container-fixed {
    width: 100%;
    padding: 10px;
    margin: 0;
    border-left: none;
    border-right: none;
  }
}
/** Custom - Logo **/
.header {
  /*background-color: #E63812;*/
  position: relative;
  margin-top: 1rem;
}

.header:before {
  content: "";
  width: calc(100vw - 30px);
  height: 100%;
  border: 2px solid #000;
  position: absolute;
  top: 0;
  display: block;
}

.logo span {
  background-position: center;
  height: 64px;
}

@media only screen and (max-width: 786px) {
  .logo span {
    background-image: url(/assets/admiral-logo-sm-62da68143bb47ce159741f0dca06ea33b0564ed89cf56e1a60dc58969001e535.png);
    height: 75px;
  }
}
h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 50px;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 786px) {
  h1 {
    font-size: 24px;
  }
}
/** Custom - Event Info **/
.event-info,
.payment-info {
  background-color: transparent;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.event-title {
  color: #e63812;
  text-transform: uppercase;
}

/** Custom - Preistabelle/Warenkorb **/
.price-overview tr th {
  border-bottom: 1px dotted #000;
  text-transform: uppercase;
}

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

.price-overview tr.sum {
  border-top: 1px dotted #000;
  text-transform: uppercase;
}

.remove-ticket-button {
  color: #e63812;
}

.form-control {
  border-color: #e63812;
  color: #000;
  background-color: rgba(230, 56, 18, 0.25);
}

.form-control::placeholder {
  color: #000;
}

.cart .btn-cart {
  color: #ffffff;
  background-color: #e63812;
  z-index: 100;
}

.quantity input[type=text] {
  border-color: #e63812;
  background-color: rgba(230, 56, 18, 0.25);
  color: #000000;
}

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

/** Custom - Saalplan inkl. Legende **/
.price-category .cat-1:before {
  background-color: #f0e442;
}

.price-category .cat-2:before {
  background-color: #0072b2;
}

.price-category .cat-3:before {
  background-color: #009e73;
}

.seat.chosen rect {
  fill: #e63812;
  stroke: #e63812;
}

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

.seat .cat-1 {
  stroke: #f0e442;
}

.seat .cat-2 {
  stroke: #0072b2;
}

.seat .cat-3 {
  stroke: #009e73;
}

/** Custom - CTA-Bereich fix **/
.container-fixed .btn {
  background-color: #e63812;
  color: #ffffff;
  border: medium none;
  text-transform: uppercase;
  font-size: 2vw;
}

@media only screen and (max-width: 786px) {
  .container-fixed .btn {
    font-size: 18px;
  }
}
/** Custom - Error **/
.error {
  background-color: #e63812;
  color: #ffffff;
}

/** Custom - User-Message **/
.user-message {
  background-color: transparent;
  color: #e63812;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.user-message .highlight {
  text-transform: uppercase;
}

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

.error .overlay-text {
  color: #e63812;
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
}

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

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

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

/** xbtn **/
.xbtn,
.payment-btn {
  color: #fff;
  background-color: #e63812;
  border-color: #e63812;
  border-radius: 0;
}

.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;
  text-transform: uppercase;
}

a.xbtn:hover,
a.payment-btn:hover {
  color: #fff;
  background-color: rgba(230, 56, 18, 0.25);
  border-color: #e63812;
}

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