body {
  font-family: var(--md-text-font);
}

h1 {
  margin: 1.5rem 0rem 1.5rem 0rem !important;
  font-weight: bolder !important;
}
h2 {
  margin: 4rem 0rem 2rem 0rem !important;
  border-bottom: solid 1px rgb(70, 150, 236);
}

h3 {
  margin: 3rem 0rem 1rem 0rem !important;
  padding: 0rem 0rem 0.5rem 0.5rem !important;
  border-left: solid 2px rgb(70, 150, 236);
}

/* On the home page the hero already supplies the top spacing, so Material's
   own content offset would stack a second gap underneath it. */
body:has(.fmf-hero) .md-main__inner {
  margin-top: 0;
}

.text-gradient {
  font-weight: bold;
  text-align: center;
  background: #009fff; /* fallback for old browsers */
  background: -webkit-linear-gradient(left, #009fff, #ec2f4b);
  background: linear-gradient(to left, #009fff, #ec2f4b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.md-button {
  display: inline-block;
  width: 230px; /* Einheitliche Breite */
  text-align: center;
  height: 50px;
  /* background-color: #007BFF;  Optional: Hintergrundfarbe */
  color: white; /* Optional: Textfarbe */
  border-radius: 5px; /* Optional: Abgerundete Ecken */
  text-decoration: none; /* Entfernt Unterstreichung */
}