body { font-family: Lato; }
h1 { font-family: Montserrat; font-weight: 900; }
h2 { font-family: Montserrat; font-weight: bold; }
h3 { font-family: Montserrat; font-weight: normal; }

/* LATO Regular */
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Regular.woff2') format('woff2'),
       url('fonts/Lato-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* LATO Bold */
@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Bold.woff2') format('woff2'),
       url('fonts/Lato-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* MONTSERRAT Regular */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
       url('fonts/Montserrat-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* MONTSERRAT Bold */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Bold.woff2') format('woff2'),
       url('fonts/Montserrat-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Beispiel-Anwendung */
body {
  font-family: 'Lato', Arial, sans-serif;
}

h1, h2 {
  font-family: 'Montserrat', Helvetica, sans-serif;
}

h2, h3 {
  line-height: 1.0;
}
h2 {
  margin-top: 0;
  color: #4A5A7A;
}
h1 {
  margin-top: 0;
  color: #34425B;
}
h3 {
  margin-top: 0;
  color: #6C7C9C;
}
h2 {
  font-size: 20px;
}

/* Fügt "Designed by Basti" in die rechte Spalte ein – anthrazit */
footer .footer_layout .spalte_2::after {
    content: "Designed by Basti";  /* Text, der angezeigt wird */
    display: block;
    text-align: center;             /* rechtsbündig */
    font-style: italic;            /* kursiv */
    color: #333333;                /* anthrazit */
    white-space: nowrap;           /* verhindert Zeilenumbruch */
    line-height: 40px;             /* vertikal zentriert, ggf anpassen */
    font-weight: 500;              /* optional */
    font-size: 14px;               /* Größe anpassen */
}
