/* =========================================
   Mobile Typografie global
   ========================================= */

@media (max-width: 980px) {

  /* Grundtext */
  html body #page-container {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  /* Fließtext */
  html body #page-container p,
  html body #page-container li,
  html body #page-container td,
  html body #page-container th,
  html body #page-container label,
  html body #page-container input,
  html body #page-container textarea,
  html body #page-container select {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  /* Überschriften */
  html body #page-container h1 {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }

  html body #page-container h2 {
    font-size: 27px !important;
    line-height: 1.18 !important;
  }

  html body #page-container h3 {
    font-size: 23px !important;
    line-height: 1.22 !important;
  }

  html body #page-container h4 {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  html body #page-container h5 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  html body #page-container h6 {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  /* Links im Text */
  html body #page-container p a,
  html body #page-container li a,
  html body #page-container td a {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  /* Buttons */
  html body #page-container .et_pb_button,
  html body #page-container button,
  html body #page-container input[type="submit"],
  html body #page-container input[type="button"] {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* Divi-Menüs */
  html body #page-container .et_pb_menu a,
  html body #page-container .et_mobile_menu a {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  /* Icons nicht verändern */
  html body #page-container .et-pb-icon,
  html body #page-container .et_pb_font_icon,
  html body #page-container svg {
    font-size: inherit;
    line-height: 1;
  }
}


/* =========================================
   Kleine Smartphones
   ========================================= */

@media (max-width: 480px) {

  html body #page-container p,
  html body #page-container li,
  html body #page-container td,
  html body #page-container th,
  html body #page-container label,
  html body #page-container input,
  html body #page-container textarea,
  html body #page-container select {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  html body #page-container h1 {
    font-size: 29px !important;
  }

  html body #page-container h2 {
    font-size: 25px !important;
  }

  html body #page-container h3 {
    font-size: 22px !important;
  }

  html body #page-container h4 {
    font-size: 19px !important;
  }

  html body #page-container h5 {
    font-size: 17px !important;
  }

  html body #page-container h6 {
    font-size: 15px !important;
  }

  html body #page-container .et_pb_button,
  html body #page-container button,
  html body #page-container input[type="submit"],
  html body #page-container input[type="button"] {
    font-size: 15px !important;
  }
}