.carousel-item {
  min-height: calc(100vh - 150px);
}

header {
  min-height: 90px;
  background-color: var(--bs-yellow);
  border-bottom: .3rem solid var(--bs-gray-dark);
}

footer {
  min-height: 60px;
  background-color: var(--bs-gray-dark);
  color: var(--bs-white);
}

.nav-item a {
  font-weight: bold;
}

#fahrplan {
  background: url("../../assets/img/backgrounds/fahrplan.jpg?h=890ea00ad84fe61784cca9df2a350f55") no-repeat center center /cover;
}

#pausen, #presence, #vertretungsplan, #vertretungsplan-morgen {
  background: url("../../assets/img/backgrounds/vertretungsplan.jpg?h=7bb3861511e6d7004c370cd5f046d799") no-repeat center center /cover;
}

#speiseplan {
  background: url("../../assets/img/backgrounds/speiseplan.jpg?h=63fde197ef78bde2e00d06ba585eb2b2") no-repeat center center /cover;
}

#wetter {
  background: url("../../assets/img/backgrounds/wetter.jpg?h=6f12c2e2779f055060fb2e63f3d78f5e") no-repeat center center /cover;
}

td {
  font-size: initial;
  vertical-align: middle;
}

@media (min-width: 768px) {
  td {
    font-size: larger;
    vertical-align: middle;
  }
}

.navbar-brand img {
  width: 120px;
}

.card img {
  height: 240px;
  object-fit: cover;
}

.weatherIcon {
  width: 4em;
}

.blink {
  animation: blink 1s ease-in-out alternate infinite;
}

@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .select_klasse {
    display: none;
  }
}

.card-body {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  justify-content: space-between;
}

.user-photo {
  width: 90px;
  height: 90px;
  background: var(--bs-gray);
}

.user {
  color: var(--bs-white);
  display: block;
  text-decoration: none;
  border: none;
}

.initials {
  font-size: 2em;
}

.user-photo {
  margin: 1em auto !important;
}

.available:before {
  content: url("../../assets/img/presence-icons/presence_available.png?h=c58ddfe5e37d1f4b86580ce251331e44");
  margin-right: .35em;
}

.available_oof:before {
  content: url("../../assets/img/presence-icons/presence_available_oof.png?h=03e4378fc6304b234efe028910574640");
  margin-right: .35em;
}

.away:before {
  content: url("../../assets/img/presence-icons/presence_away.png?h=c58ddfe5e37d1f4b86580ce251331e44");
  margin-right: .35em;
}

.busy:before {
  content: url("../../assets/img/presence-icons/presence_busy.png?h=d059ff9790137a850d603be557e0b7a1");
  margin-right: .35em;
}

.busy_oof:before {
  content: url("../../assets/img/presence-icons/presence_busy_oof.png?h=d059ff9790137a850d603be557e0b7a1");
  margin-right: .35em;
}

.dnd:before {
  content: url("../../assets/img/presence-icons/presence_dnd.png?h=5b72631f0c9067a999b0050091c76a3a");
  margin-right: .35em;
}

.offline:before {
  content: url("../../assets/img/presence-icons/presence_offline.png?h=5b72631f0c9067a999b0050091c76a3a");
  margin-right: .35em;
}

.oof:before {
  content: url("../../assets/img/presence-icons/presence_oof.png?h=d9b6c8f53b956ca1f57b8f58af1c9ca4");
  margin-right: .35em;
}

.unknown:before {
  content: url("../../assets/img/presence-icons/presence_unknown.png?h=4d8deb80b762907cf548865a3fbdbd48");
  margin-right: .35em;
}

a.user:hover {
  color: #ffcd01;
}

@media (min-width: 576px) {
  #pausen p {
    font-size: xx-large;
  }
}

#pausen .row.now .col:first-of-type p:before {
  content: 'Jetzt';
  display: inline-block;
  padding: .1em .3em;
  position: absolute;
  transform: translate(-120%,.5em);
  background-color: var(--bs-success);
  border-radius: .3em;
  font-weight: 600;
  font-size: large;
}