.row {
  margin: 0!important;
}

#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;
}

p.kurs-description {
  font-size: 1.4vw!important;
  text-align: justify;
  font-weight: lighter;
}

#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-3 .btn-primary:focus {
  box-shadow: 0 0 0 0;
}

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

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

#container .row .col-3 .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;
  }
  #container .row .col-3 .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;
  }

  p.kurs-description {
    font-size: 2.8vw!important;
    text-align: justify;
    word-break: normal;
    font-weight: lighter;
  }

  .zeitplan-date {
    font-size: 2vw!important;
  }

  .zeitplan-title {
    font-size: 1.8vw!important;
  }
}

@media (min-width: 600px) {
  .zeitplan-date {
    font-size: 0.7rem!important;
  }

  .zeitplan-title {
    font-size: 0.8rem!important;
  }
}

@media (min-width: 800px) {
  .modal-dialog {
    max-width: 800px!important;
  }
}