body {
  font-family: "Konduktor";
  overflow-x: hidden;
}
header {
  background: #66a4b8;
  color: #FFF;
  padding: 20px 0;
}
footer {
  margin-top: 5em;
  background: #0b4770;
  padding: 4em 10em;
  text-align: center;
  color: #FFF;
  font-family: Konduktor;
  font-size: 14px;
  font-weight: 400;
  line-height: 15.27px;
}
.title {
  color: #3587a9;
  font-family: Konduktor;
  font-size: 32px;
  text-transform: uppercase;
}
a.nav-item {
  font-size: 16px;
  color: #3587a9;
}
.spieker-box {
  position: relative;
}
.spieker-box img {
  max-width: 250px;
  border-radius: 50%;
  object-fit: cover;
  height: 200px;
  width: 200px;
}
.spieker-box .regalii {
  position: absolute;
  height: 0;
  top: 100%;
  width: 100%;
  padding: 3em;
  transition: all 0.3s;
  background: #FFF;
  opacity: 0;
}
.spieker-box:hover .regalii {
  transition: all 0.3s;
  height: 100%;
  top: 0;
  opacity: 0.9;
}
.chat {
  font-family: Arial;
  padding: 1px 10px 10px 10px;
  background: #f2f2f2;
  font-size: 14px;
  line-height: 15px;
}
.chat .message {
  margin-top: 10px;
  border-radius: 4px;
  background: #FFF;
  padding: 5px 10px;
}
.chat .message p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.chat .message textarea {
  font-size: 14px;
}
.btn-primary {
  background: #5182A5;
  color: #FFF;
  border-radius: 4px;
  border: 1px solid #437599;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active {
  background: #437599 !important;
  color: #FFF;
  border-radius: 4px;
  border: 1px solid #437599 !important;
}
.nav-link {
  font-size: 12px;
}
.nav-link.active {
  background: #f2f2f2 !important;
}
.nav-item {
  margin-bottom: 0;
}
.nav-tabs .nav-link {
  border-bottom: 0;
}
.zoom {
  width: 100%;
}
footer {
  margin-top: 5em;
  background: #0b4770;
  padding: 4em 10em;
  text-align: center;
  color: #FFF;
  font-family: Konduktor;
  font-size: 14px;
  font-weight: 400;
  line-height: 15.27px;
}
.datetime {
  font-size: 22px;
  line-height: 24px;
  color: #333;
  margin-top: -30px;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 768px) {
  footer {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.chat-box {
  max-height: 400px;
  overflow-y: scroll;
}
/*# sourceMappingURL=live.css.map */