/* ===========================================
   General Typography
=========================================== */
body, p {
  font-family: 'Lato', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #333;
}

h1, h2, h3, h4, h5, h6, li, a {
  font-family: 'Montserrat', sans-serif;
}

/* ===========================================
   Überschriften mit abgestuften Gewichtungen
=========================================== */
h1 {
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 20px;
}

h2 {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 16px;
}

h3 {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 12px;
}

/* ===========================================
   Navigation (SP Page Builder / Helix)
=========================================== */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}

.sp-megamenu-parent > li.active > a {
  color: #333;
  font-weight: 700;
}

.sp-megamenu-parent > li.active:hover > a {
  color: #000080;
  font-weight: 700;
}

/* Header text */
#sp-header {
  color: #333;
  font-weight: 600;
  height: auto;
  padding: 10px;
}

/* Menü-Schrift im Header */
#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span {
  font-size: 18px;
}