.box-grau {
  background-color: #697f85!important;
  padding: 1rem!important;
  border-radius: .6rem;
  color: #fff!important;
  margin: 1rem 0!important;
  text-align: center!important
}
.box-blau {
  background-color: #137da9!important;
  padding: 1rem!important;
  border-radius: .6rem;
  color: #fff!important;
  margin: 1rem 0!important;
  text-align: center!important
}
.box-gruen {
  background-color: #a4ba2e!important;
  padding: 1rem!important;
  border-radius: .6rem;
  color: #fff!important;
  margin: 1rem 0!important;
  text-align: center!important
}
.is-info {
  background-color: #49bbeb!important;
  border-color: #137da9!important
}
.is-success {
  background-color: #a4ba2e!important;
  border-color: #6b7b1d!important
}
.is-warning {
  background-color: #ffb74d!important;
  border-color: #b33f00!important
}
.is-danger {
  background-color: #e57373!important;
  border-color: #b71c1c!important
}
.box > p,
.is-danger > p,
.is-info > p,
.is-success > p,
.is-warning > p {
  color: #fff!important
}