/* ============================================================
   Readability & Mobile Improvements — Dr. Fladischer Website
   Diese Datei NACH style.css / responsive.css einbinden.
   Ziel: einheitliche, serifenlose Schrift (Montserrat) für
   Fließtext + größere, kontrastreichere, mobil besser
   lesbare Darstellung.
   ============================================================ */

/* -------------------------------------------------------------
   1) Grundschrift umstellen: Pt Serif -> Montserrat
   ------------------------------------------------------------- */
body,
p,
.subheading,
blockquote,
blockquote p,
.testimonial-text,
.comment-text,
.post-content,
.entry-content,
figcaption,
cite {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}

/* -------------------------------------------------------------
   2) Grundgröße, Zeilenabstand & Kontrast (Desktop-Basis)
   ------------------------------------------------------------- */
body {
  font-size: 16px;
  line-height: 1.7;
  color: #4a4a4a; /* dunkler als #7a7a7a -> besserer Kontrast auf Weiß */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

p {
  font-size: 16px;
  line-height: 1.7;
  color: #4a4a4a;
  margin: 0 0 1.2em;
}

.subheading {
  font-size: 17px;
  line-height: 1.6;
}

a {
  text-underline-offset: 2px;
}

/* Überschriften bleiben Montserrat (waren es schon), nur Zeilenhöhe
   und Kontrast leicht optimieren */
h1, h2, h3, h4, h5, h6 {
  color: #111111;
  line-height: 1.3;
}

/* -------------------------------------------------------------
   3) Mobile Skalierung (Tablet & Smartphone)
   ------------------------------------------------------------- */
@media (max-width: 991px) {
  body,
  p {
    font-size: 16px;
    line-height: 1.7;
  }

  h1 { font-size: 30px; line-height: 1.25; }
  h2 { font-size: 24px; line-height: 1.3; }
  h3 { font-size: 20px; line-height: 1.35; }
  h4 { font-size: 18px; line-height: 1.4; }
}

@media (max-width: 767px) {
  body,
  p {
    font-size: 17px;   /* etwas größer auf dem Smartphone */
    line-height: 1.75;
  }

  h1 { font-size: 26px; }
  h2 { font-size: 22px; }
  h3 { font-size: 19px; }
  h4 { font-size: 17px; }

  .subheading {
    font-size: 16px;
    line-height: 1.6;
  }

  /* Buttons/Links etwas großzügiger für Touch-Bedienung */
  a.btn, .btn, .button {
    font-size: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media (max-width: 480px) {
  body,
  p {
    font-size: 17px;
    line-height: 1.75;
  }

  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
}

/* -------------------------------------------------------------
   4) Fließtext in Widgets / Blog / Kommentaren
   ------------------------------------------------------------- */
.widget p,
.comment-content p,
.about-text p {
  font-size: inherit;
  line-height: inherit;
  color: #4a4a4a;
}