/* =========================================================
   NDG Haupt-CMS 1.3.9a
   Mobile Typografie und verbesserte Lesbarkeit
   ========================================================= */

@media (max-width: 850px) {
    html {
        font-size: 17px;
    }

    body {
        font-size: 1rem;
        line-height: 1.75;
    }

    p,
    li,
    label,
    input,
    select,
    textarea,
    button,
    .btn,
    .footer-premium,
    .project-rich-content,
    .project-richtext {
        font-size: 1rem;
    }

    small,
    .field-help,
    .eyebrow,
    .project-status,
    .footer-kicker {
        font-size: 0.88rem;
        line-height: 1.55;
    }

    .site-header nav a {
        font-size: 1.06rem;
        line-height: 1.4;
    }

    .hero p,
    .section-head p,
    .page-hero p,
    .featured-project-content p,
    .showcase-content p,
    .card p,
    .projects p,
    .security p,
    .footer-about p {
        font-size: 1.06rem;
        line-height: 1.75;
    }

    .card h3,
    .projects b {
        font-size: 1.46rem;
        line-height: 1.3;
    }

    .project-rich-content h2,
    .project-richtext h2 {
        font-size: 1.7rem;
    }

    .project-rich-content h3,
    .project-richtext h3 {
        font-size: 1.42rem;
    }

    .footer-link-list a,
    .footer-link-list button,
    .footer-cta {
        min-height: 48px;
        font-size: 1rem;
    }

    input,
    select,
    textarea,
    button,
    .btn {
        min-height: 50px;
    }

    .newsletter-consent,
    .cookie-banner,
    .cookie-dialog,
    .accessibility-panel {
        font-size: 1rem;
        line-height: 1.65;
    }
}

@media (max-width: 640px) {
    html {
        font-size: 18px;
    }

    body {
        font-size: 1rem;
        line-height: 1.76;
    }

    .hero h1 {
        font-size: clamp(2.35rem, 12vw, 3.45rem);
        line-height: 1.05;
    }

    .section-head h2,
    .security h2,
    .cta h2,
    .page-hero h1,
    .footer-about h2 {
        font-size: clamp(2.05rem, 9vw, 2.9rem);
        line-height: 1.1;
    }

    .hero p,
    .section-head p,
    .page-hero p,
    .featured-project-content p,
    .showcase-content p,
    .card p,
    .projects p,
    .security p,
    .footer-about p {
        font-size: 1.05rem;
    }

    .trust span {
        font-size: 1rem;
        line-height: 1.5;
    }

    .card h3,
    .projects b,
    .featured-project-content h3,
    .showcase-content h2 {
        line-height: 1.24;
    }

    .btn,
    button {
        min-height: 52px;
        padding: 14px 18px;
        font-size: 1rem;
    }

    input,
    select,
    textarea {
        min-height: 52px;
        padding: 14px 15px;
        font-size: 16px;
        line-height: 1.5;
    }

    textarea {
        min-height: 150px;
    }

    .footer-brand-line {
        font-size: 0.94rem;
        line-height: 1.65;
    }
}

@media (max-width: 390px) {
    html {
        font-size: 17px;
    }

    .hero h1 {
        font-size: 2.3rem;
    }

    .section-head h2,
    .security h2,
    .cta h2,
    .page-hero h1,
    .footer-about h2 {
        font-size: 2rem;
    }
}