.btn_blue_to_green {
  font-size: 120%;
  margin-top: 1%;
  background-color: rgb(7,62,142);
  border-color: rgb(7,62,142);
}

.btn_blue_to_green:hover {
  font-size: 120%;
  margin-top: 1%;
  background-color: rgb(100,174,37);
  border-color: rgb(100,174,37);
}

/* gerade beim Klicken */
.btn_blue_to_green:active {
  font-size: 120%;
  margin-top: 1%;
  background-color: rgb(100,174,37) !important;
  border-color: rgb(100,174,37) !important;
  box-shadow: 0px 0px 7px rgb(125,219,44) !important;
}

/* nachdem geklickt wurde */
.btn_blue_to_green:focus {
  font-size: 120%;
  margin-top: 1%;
  background-color: rgb(7,62,142);
  border-color: rgb(7,62,142);
  box-shadow: 0px 0px 7px rgb(10,83,194);
}

.new_query_btn {
  background-color: rgb(100,174,37) !important;
}

.new_query_btn:hover {
  background-color: rgb(109, 201, 30) !important;
}

@media (max-width: 1300px) {
  @font-face {
    font-family: MuseoSans;
    src: url(/static/fonts/museo_sans_ssv/MuseoSans300/MuseoSans_300.otf);
  }

  body {
      font-family: MuseoSans;
  }

  .login-form {
    width: 80%;
    margin-left: 10%;
    padding-top: 2%;
  }

  #navbar_mobile {
    background-color: rgba(11,64,144,1) !important;
  }
}

@media (min-width: 1301px) {
  @font-face {
    font-family: MuseoSans;
    src: url(/static/fonts/museo_sans_ssv/MuseoSans300/MuseoSans_300.otf);
  }

  body {
      font-family: MuseoSans;
  }

  .login-form {
    width: 20%;
    margin-left: 40%;
    padding-top: 2%;
  }

  .wrapper {
    width: 35%;
    margin-left: 32.5%;
  }
}

.center {
  text-align: center;
}

.white {
  color: white;
}

.mt10 {
  margin-top: 10%;
}