/* Überschriften auf Tablet und Handy – obinet GmbH
   Im WordPress-Original waren die Projekt-Überschriften auf schmalen Bildschirmen zu groß
   (fixe rem-Größen aus dem BeTheme-Builder) und liefen über den Rand. Hier per Bildschirmbreite
   skaliert; Wörter, die trotzdem nicht passen, verkleinert ueberschriften.js. */

@media only screen and (max-width: 767px) {
  /* Titel der Projektseiten und „What's going on“ (News) */
  #Content h1 {
    font-size: clamp(30px, 10vw, 44px) !important;
    line-height: 1.1 !important;
  }
  /* Ort unter dem Projekttitel */
  #Content .column_heading + .column_heading h1.title {
    font-size: clamp(22px, 6.5vw, 28px) !important;
    line-height: 1.2 !important;
  }
  #Content h2 { line-height: 1.1; }
  #Content h3 { line-height: 1.15; }
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
  #Content h1 {
    font-size: clamp(48px, 7vw, 80px) !important;
    line-height: 1.1 !important;
  }
  #Content .column_heading + .column_heading h1.title {
    font-size: clamp(28px, 4vw, 48px) !important;
    line-height: 1.2 !important;
  }
}