/* body {
  background: #efeef4 !important;
  font-family: Tahoma, Arial, sans-serif;
  margin: 0;
  padding: 0;
} */



#veranstaltungsSuche.collapse.show {
  overflow: visible !important;
  height: auto !important;
}

#veranstaltungsSuche.collapsing {
  overflow: visible !important;
}

/* Stellt sicher, dass das Datums-Popup immer im Vordergrund ist */
input[type="date"]::-webkit-calendar-picker-indicator {
  z-index: 9999;
}


p {
  font-size: 0.95em;
}

h2 {
  font-size: 25px;
}

h3 {
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: underline #CA082A;
}

h4 {
  font-size: 18px;
}

.eventtitel h1 {
  font-size: 1.2em;
}

a {
  color: #005383;
  text-decoration: none;
}

a:hover {
  color: #005383;
  text-decoration: underline;
}

.container {
  margin-bottom: 20px;
}

.container-fluid {
  max-width: 1320px;
  padding: 0 7px;
}

.kalender {
  padding: 0 8px;
}

.tickessuebersicht {
  padding: 0 8px;
}

.paymentcontainer {
  margin-top: 0;
}

.b-example-divider {
  background-color: #CA082A;
  height: 1px;
  margin-top: 0;
}

.logoimgheight {
  height: 80px;
}

.navbar>.container-fluid {
  justify-content: center;
}

.navbar-expand-lg .navbar-nav {
  background-color: #fff;
  margin: auto;
  align-items: center;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: #005383;
}

.ml-20 {
  margin-left: 20px;
}

.mb-costumer {
  margin-bottom: 3.5rem !important;
}

.p-4-customer {
  padding: 1.5rem !important;
}

.py-customer {
  padding-top: 1.5rem !important;
  padding-bottom: 2rem !important;
}

.newsimg {
  height: 250px;
}

.eventtitel a {
  color: black;
  text-transform: uppercase;
  text-decoration: none;
}

.eventtitel a:hover {
  color: #005383;
  text-decoration: none;
}

.col-auto {
  padding: 1rem 1rem 1rem 0;
}

.shadow-sm {
  background-color: #fafafa;
}

.underlineblue {
  text-decoration: underline #CA082A;
}

.footer-tickess {
  background-color: #CA082A;
  padding: 20px 10px 20px;
  text-align: center;
  color: white;
}

.footer-tickess a {
  color: white;
  text-decoration: underline;
  font-size: 100%;
}

.footerrow {
  max-width: 70%;
  margin: auto;
}

.d-nonescreen {
  display: none !important;
}

.nonescreen {
  display: none !important;
}

.d-none img,
.d-nonescreen img {
  width: 400px;
}

.form-group {
  margin-bottom: 15px;
}

.red-border {
  border: 2px solid red;
}

.red-font {
  color: red;
}

.btn:hover {
  text-decoration: none;
}

.btn-primary {
  background-color: #005383;
  border-color: #005383;
}

.btn-primary:hover {
  background-color: #0070b1;
  border: 2px outset #0070b1;
}

.btn-danger {
  background-color: #CA082A;
  border: #CA082A;
}

.btn-danger:hover {
  background-color: #b30727;
  border: 2px outset #b30727;
}

.btn-secondary:hover {
  background-color: #565c61;
  border: 2px outset #565c61;
}




/**********************/
/***   RESPONSIVE   ***/
/**********************/

@media (max-width: 991px) {
  .d-nonescreen {
    display: block !important;
    padding: 20px 20px 0;
  }

  .d-nonescreen img {
    width: 100%;
  }
}

@media (min-width: 1399px) {
  .container-fluid {
    max-width: 1320px;
  }
}

@media (min-width: 1120px) and (max-width: 1399px) {
  .container-fluid {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container-fluid {
    max-width: 960px;
  }
}

@media (max-width: 991px) {
  .flex-row-column-1 {
    flex-direction: column;
  }

  .noneresponsive {
    display: none;
  }

  .nonescreen {
    display: flex !important;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar>.container-fluid {
    max-width: 400px;
  }

  .b-example-divider {
    margin-top: 0;
  }

  .logoimgheight {
    height: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container-fluid {
    max-width: 720px;
  }
}

@media (max-width: 767px) {
  .mb-costumer {
    margin-bottom: 1.5rem !important;
  }

  .py-customer {
    padding-top: 1.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media (max-width: 576px) {
  .flex-row-column-2 {
    flex-direction: column;
  }

  .p-4-customer {
    padding: .8rem !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .container-fluid {
    max-width: 540px;
  }
}