@charset "UTF-8";
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink1 {
  0% {
    background-color: white;
  } /* 0%: Weiße Hintergrundfarbe */
  50% {
    background-color: var(--bfs-gray);
  } /* 50%: Lila Hintergrundfarbe */
  100% {
    background-color: white;
  } /* 100%: Weiße Hintergrundfarbe */
}
rect.clickable {
  fill: var(--bfs-gray);
}

rect.clickable:hover {
  fill: var(--bs-primary);
}

.svg-container {
  height: auto;
}

.svg-container svg {
  display: block;
  width: 100%;
}

.calf {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.calf0 {
  font-size: 11px;
}

.calf1 {
  font-size: 12px;
}

.calf2 {
  font-size: 14px;
  fill: white;
}

.calf3 {
  font-size: 18px;
}

.calfold {
  fill: rgb(211, 211, 211);
}

.cfil {
  fill: rgb(255, 255, 255);
}

.cfil0 {
  stroke: rgba(0, 0, 0, 0.5647058824);
  stroke-width: 1;
}

.cstr0 {
  stroke: rgba(233, 233, 233, 0.5647058824);
  stroke-width: 1;
}

.cfilopen {
  fill: rgb(211, 211, 211);
}

.cfilold {
  fill: rgba(233, 233, 233, 0.5647058824);
}

.cfilnow {
  fill: rgba(110, 70, 255, 0.1568627451);
}

.cfilnotnow {
  fill: transparent;
}

.fils {
  fill: var(--bs-primary) !important;
  color: white;
}

.btn.blink-button {
  animation: blink1 1s infinite !important; /* Keyframe-Animation mit einer Sekunde Dauer, unendlich wiederholen */
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.8);
}

.carousel-control-prev-container,
.carousel-control-next-container {
  position: absolute;
  bottom: 0;
  left: 2em;
  right: 2em;
  margin-bottom: 2em; /* Abstand zum unteren Rand anpassen */
  text-align: center; /* Zentrieren der Knöpfe */
}

.carousel-control-prev,
.carousel-control-next {
  width: auto; /* Automatische Breite für die Knöpfe */
}/*# sourceMappingURL=calender.css.map */