#container {
  padding-left: 10vw;
  padding-right: 10vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  min-height: 90vh;
}

#container h1 {
  margin-top: 2rem;
  color: #89bd4d;
}

#container h2 {
  margin-top: 3rem;
  margin-bottom: 2rem;
  color: #89bd4d;
}

#container h3 {
  font-size: 1.5vw;
  display: inline;
}

#container h3.float-right {
  text-align: center;
}

#container p {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  font-size: 1.4rem;
}

#container p span {
  color: #89bd4d;
}

p.modal-p {
  text-align: justify;
  font-size: 1.2em!important;
  margin-top: 1rem;
  font-weight: lighter;
}

h3.modal-h3 {
  font-size: 1.5rem!important;
  color: #89bd4d;
  margin-bottom: 1em;
}

h3.modal-zeitplan {
  font-size: 1.5rem!important;
  color: #89bd4d;
}

h3.modal-zeitplan span {
  color: black;
}

h5.modal-title {
  color: #89bd4d;
  font-size: 2rem;
}

#container .row .col-9 .btn-primary {
  background-color: #89bd4d;
  border-color: #89bd4d;
  transition: 0.2s ease-in-out;
  float: right;
}

#container .row .col-9 .btn-primary:hover {
  background-color: #a8d971;
  border-color: #a8d971;
  color: black;
}

#container .row .col-9 .btn-primary:focus {
  box-shadow: 0 0 0 0;
}

@media (min-width: 596px) and (max-width: 912px) {
  #container h1 {
    font-size: 1.5rem;
  }

  #container h2 {
    font-size: 1rem;
  }

  #container .row .col-9 .btn-primary {
    font-size: 0.7rem;
  }
}

@media (max-width: 600px) {
  #container h1 {
    font-size: 5vw;
  }

  #container h2 {
    font-size: 4vw;
  }
  #container .row .col-9 .btn-primary {
    font-size: 3vw;
    display: block;
    float: none;
    margin: 0 auto;
    margin-top: 2em;
  }

  #container h3 {
    font-size: 3vw;
    display: inline;
  }
}