@media (min-width: 768px) {
  html,body {
    background-image: url("https://felsinfo.ig-klettern.org/images/background.jpg")
  }
}

@media (max-width: 991px) {
  div#brand-text {
    display: none;
  }
  div#brand-logo {
    background-image: url("https://felsinfo.ig-klettern.org/images/ig_felsinfo_small.png");
    background-size: cover;
    margin: -15px;
    width: 120px;
    height: 60px;
  }
}

@media (min-width: 992px) {
  div#brand-text {
    display: none;
  }
  div#brand-logo {
    background-image: url("https://felsinfo.ig-klettern.org/images/ig_felsinfo.png");
    background-size: cover;
    width: 100%;
    height: 80px;
  }
}
