/**
 * custom-overrides.css
 * 
 * Diese Datei enthält CSS-Überschreibungen, die eine höhere Spezifität haben 
 * als die regulären CSS-Dateien. Sie wird als letzte CSS-Datei eingebunden.
 */

/* Desktop-Größe für Blog-Karten-Titel mit maximaler Spezifität */
html body .blog-card .card-title a,
html body article.blog-card .card-title a,
html body .blog-card-component .blog-card .card-title a {
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
}

/* Tablet-Größe für Blog-Karten-Titel */
@media (min-width: 768px) and (max-width: 1199px) {
  html body .blog-card .card-title a,
  html body article.blog-card .card-title a,
  html body .blog-card-component .blog-card .card-title a {
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
  }
  
  /* Explizite Regeln für die Überschriften im Vorschautext auf Tablets */
  html body .blog-card .card-text strong:first-of-type,
  html body .blog-card .card-text h2:first-of-type,
  html body .blog-card .card-text h3:first-of-type,
  html body .blog-grid .blog-card .card-text strong:first-of-type {
    font-size: 0.85rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: var(--secondary-color) !important; 
    display: block !important;
    margin-bottom: 0.5rem !important;
  }
}

/* Smartphone-Größe für Blog-Karten-Titel */
@media (max-width: 767px) {
  html body .blog-card .card-title a,
  html body article.blog-card .card-title a,
  html body .blog-card-component .blog-card .card-title a {
    font-size: 1.0rem !important;
    line-height: 1.3 !important;
  }
}  
 