#odnav {
  background-color: rgb(0, 0, 0, 0.2);
}
.odmenutabs {
  width: 130px;
  font-weight: 900;
  font-size: larger;
  letter-spacing: 3px;
  font-variant: small-caps;
  opacity: 0.7;
  color: rgb(255, 255, 255, 1);
}
.odmenutabs:hover {
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
  opacity: 0.7;
  color: rgb(255, 255, 255, 1);
}
.odbutton:hover {
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}
/*--- Nötig für Nav mit Grafiklogo (400px x 60px) ---*/
#odlogo {
  max-height: 60px;
}

/*--- Nötig für Nav mit Grafiklogo (400px x 60px) ---*/
@media screen and (max-width: 990px) {
  .odmenutabs {
    min-width: 100%;
  }
}
@media screen and (max-width: 900px) {
  #odlogo {
    transform: scale(1);
    transition: 1s all ease;
  }
  .shrink {
    text-align: left;
    margin-right: 0rem;
    max-width: 300px;
  }
  .okmenutabs {
    min-width: 100%;
  }
}
@media screen and (max-width: 320px) {
  #odlogo {
    transform: scale(1);
    transition: 1s all ease;
  }
  .shrink {
    text-align: left;
    margin-right: 0rem;
    max-width: 200px;
  }
}