body {
  background-color: whitesmoke;
}

nav {
  background-color: blanchedalmond;
}

.navbar-nav .nav-link {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

li a:hover {
  background-color: rgba(128, 128, 128, 0.3);
}

footer {
  margin-top: 1.25rem;
  background-color: rgba(128, 128, 128, 0.8) !important;
}

.hero {
  background: #2c2404;
  background: linear-gradient(to bottom, rgba(240, 198, 28, 1) 0%, rgba(114, 181, 8, 1) 50%, rgba(0, 112, 20, 1) 100%);
  border-bottom-left-radius: 23%;
  border-bottom-right-radius: 23%;
}

.hero.is-medium .hero-body {
  padding: 4.5rem !important;
}

.title {
  font-family: 'homepageBaukasten' !important;
  font-size: 3rem !important;
  margin-top: 1rem !important;
}

h2 {
  font-family: 'homepageBaukasten' !important;
  font-size: 2.5rem !important;
  font-weight: 600 !important;

}

.accordion {
  max-width: 80%;
  margin: 2rem auto;
  box-shadow: 0 1px 8px #2c2404;
}

.accordion-button {
  font-family: 'homepageBaukasten' !important;
  font-style: oblique;
  font-weight: bolder;
  font-size: 1.5rem !important;
  padding: 2rem 1.25rem !important;
  background: rgb(53, 135, 41, 0.4) !important;
  color: #0D0D0D !important;
}

.accordion-button:hover {
  color: #353434 !important;
}

.accordion-body {
  font-size: 1.25rem !important;
  text-align: center;
}

.accordion-button:focus {
  border-color: green !important;
  box-shadow: 0 0 0 0.25rem #198754 !important;
}

@media screen and (max-width:600px) {
  .hero.is-medium .hero-body {
    padding: 2.5rem !important;
  }
}

@media screen and (max-width:450px) {
  .hero.is-medium .hero-body {
    padding: 2rem !important;
  }

}