/* responsive-text.css - für größere, aber nicht zu fette Schrift auf mobilen Geräten */

@media (max-width: 768px) {
  body {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
  }

  h1 {
    font-size: 2em;
    font-weight: 600;
  }

  h2 {
    font-size: 1.7em;
    font-weight: 500;
  }

  h3 {
    font-size: 1.5em;
    font-weight: 500;
  }

  p, li, a, label, input, textarea, button {
    font-size: 1.1em;
    font-weight: 400;
  }

  .text-center, .text-left, .text-right {
    padding-left: 10px;
    padding-right: 10px;
  }
}