/* ============================================================
   TYPOGRAFIE GRÖSSER & KONTRASTREICHER  —  seitenweit
   ============================================================

   ZURÜCKDREHEN: In portal/templates/portal/base.html die eine Zeile
       <link rel="stylesheet" href="{% static 'portal/css/typografie-gross.css' %}">
   auskommentieren oder löschen. Sonst ändert sich nichts – alle Regeln
   stehen ausschließlich hier. Kein Suchen in design.css/inhalte.css nötig.

   WARUM:
   1. design-tokens.css gibt 17 px als Minimum für Fließtext vor
      („nie kleiner für Fließtext – die Zielgruppe liest mit“). Tatsächlich
      lief Fließtext an vielen Stellen mit 14–15,5 px.
   2. Nebentext lag bei 5,3–6,3:1 Kontrast: besteht AA (4,5:1), verfehlt
      aber AAA (7:1). Bei einer Zielgruppe 70+ ist AAA das richtige Ziel.

   BEWUSST NICHT ANGEFASST: Nav-Chips, Badges, Preis-Kacheln, Sterne,
   Buttons und die eng gebauten Mobile-Hero-Karten (.dk-m3b-*). Deren
   Größen sind Layout-tragend – dort würde „einen Ticken größer“ umbrechen
   statt zu helfen. Hier geht es um Fließtext und Überschriften.
   ============================================================ */

/* ---- 1. Kontrast: gilt überall, wo var(--pw-text-mild) genutzt wird ----
   #51645A → #3E4D45. Ergibt 8,2:1 auf Papier, 8,9:1 auf Weiß, 7,5:1 auf
   Sand – AAA auf allen drei Flächen. Bleibt ein weiches Grüngrau. */
:root { --pw-text-mild: #3E4D45; }

/* ---- 2. Unterseiten (Kosten, So prüfen wir, Über uns, Impressum …) ---- */
.dk-us-hero h1 { font-size: clamp(32px, 5.4vw, 44px); }
.dk-us-intro { font-size: 18.5px; }
.dk-us-antwort p,
.dk-us-antwort li { font-size: 16.5px; }
.dk-us-sektion h2 { font-size: 30px; }
.dk-us-sektion-sub { font-size: 17px; }
.dk-us-baustein strong { font-size: 17px; }
.dk-us-baustein span { font-size: 16px; }
.dk-us-faktor strong { font-size: 19px; }
.dk-us-faktor > span:last-child { font-size: 16.5px; }
.dk-us-tabelle { font-size: 16px; }
.dk-us-tabelle td small,
.dk-us-tabelle caption { font-size: 14px; }
.dk-us-beispiel h3 { font-size: 18px; }
.dk-us-beispiel-situation { font-size: 15px; }
.dk-us-rechnung { font-size: 16px; }
.dk-us-effektiv strong { font-size: 22px; }
.dk-us-hinweis { font-size: 15px; }
.dk-us-kontakt p { font-size: 16.5px; }
.dk-us-zitat { font-size: 17px; }

/* ---- 3. Startseite und geteilte Bausteine ---- */
.dk-steps h2,
.dk-kosten h2,
.dk-faq h2 { font-size: 30px; }
.dk-endcta h2 { font-size: 31px; }
.dk-step-card h3 { font-size: 18.5px; }
.dk-step-card p { font-size: 16px; }
.dk-kosten p { font-size: 17px; }
.dk-kosten-mehr { font-size: 16.5px; }
.dk-faq details p { font-size: 16.5px; }
.dk-faq summary { font-size: 17px; }
.dk-endcta p { font-size: 17px; }
.dk-u2-karte h3 { font-size: 23px; }
.dk-u2-beleg > span:last-child { font-size: 17px; }

/* ---- 4. Ergebnisliste / Funnel: nur Fließtext, keine Preis-Kacheln ---- */
.dk-frage h2 { font-size: 28px; }
.dk-ergebnis-kopf h2 { font-size: 29px; }
.dk-ergebnis-kopf p { font-size: 16px; }
.dk-ergebnis-leer h3 { font-size: 20px; }