/* Typografie & Lesbarkeit – zentral für alle Seiten (2026-10-15)
   Wird als letztes Stylesheet im <head> geladen und überschreibt die Inline-Styles.
   Fließtext: mind. 16 px, im Blog auf großen Bildschirmen bis 17 px.
   Farben: Kontrast mind. 4,5:1 (WCAG AA). */

/* Lange Lesetexte (Blog, FAQ, Infokästen) – wächst sanft mit der Bildschirmbreite */
.article-body p,
.article-body ul,
.article-body ol,
.faq-item p,
.faq-answer,
.about-content p {
    font-size: clamp(1rem, 0.94rem + 0.2vw, 1.0625rem);
}
.tip-box p,
.alert-box p,
.info-box p,
.step-block p {
    font-size: 1rem;
}

/* Kartentexte */
.service-card p,
.feature-item p,
.review-text,
.process-card p,
.process-step p,
.blog-card-body p,
.blog-card.featured .blog-card-body p,
.post-card p,
.project-body p,
.partner-body p,
.info-card p,
.value-card p,
.team-card p,
.cta-section p,
.contact p,
.pricing-intro p,
.festpreise-header p {
    font-size: 1rem;
}
.measure-card p,
.rule-card p,
.case-box p,
.option-card p,
.manager-card p,
.damage-card p,
.example-mail,
.status-desc,
.patch-table,
.compare-table {
    font-size: 0.95rem;
}

/* Kleintexte */
.sidebar-cta p,
.related-list a {
    font-size: 0.95rem;
}
.article-date,
.article-author {
    font-size: 0.9rem;
}
.sources-box li {
    font-size: 0.875rem;
}
.post-cat {
    font-size: 0.78rem;
}

/* Kontrast */
.review-date {
    color: #6b6b80;
}
.reviews-cta a {
    color: #1258d6;
}
.sources-box h3 {
    color: #6b6b80;
}
.contact-item p,
.contact-item div p {
    color: #4a4a5a;
}
.contact-item a,
.contact-item div a {
    color: #0f4fc4;
}
.reviews-overall .review-count {
    color: #5c5c70;
}
.share-btn.email {
    color: #1258d6;
}