h1 {
  color: var(--bs-primary);
  font-weight: 700;
}

.slogan {
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .slogan {
    font-size: 1.47rem;
  }
}

.overheading {
  font-size: 1rem;
  color: var(--bs-success);
  font-weight: 400;
}

@media (min-width: 576px) {
  .overheading {
    font-size: 1.1rem;
  }
}

.subtitle {
  font-size: 1.1rem;
  color: var(--bs-primary);
  font-weight: 300;
}

.lead {
  font-size: 1.2rem;
}

.kontaktschrift {
  font-size: 1.1rem;
}

.alphabet {
  margin-bottom: 20px;
  margin-top: 15px;
  width: 100px;
  height: 60px;
  border-radius: 5%;
  background: var(--bs-success);
  color: white;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding-top: 27px;
}

.heading-fragen {
  font-size: 21px;
}