/* Gestaltete Mobilansicht für Beiträge / Ratgeber (Pilot: /sapv-anspruch-palliativversorgung-zu-hause/, Metehan 05.10.2026, Bild 9).
   Grundsätze: ein einheitlicher Seitenrand, Fließtext linksbündig in einer ruhigen Spalte, alle Kästen/Knöpfe über volle Spaltenbreite
   und mittig, Knöpfe nie schmaler als ihr Text, Fuß wie Startseite. Nur Gestaltung — kein Text, Link oder Schema geändert. */
@media (max-width: 1024px) {
  :root { --m-rand: max(20px, calc((100vw - 680px) / 2)); }
  .ra-hauptspalte { padding-left: var(--m-rand) !important; padding-right: var(--m-rand) !important; }
  .ra-artikel h1 { font-size: clamp(24px, 7vw, 30px) !important; line-height: 1.25 !important; }
  .ra-text h2 { font-size: clamp(20px, 5.8vw, 24px) !important; line-height: 1.3 !important; margin-top: 36px !important; }
  .ra-text h3 { font-size: clamp(18px, 5.2vw, 21px) !important; line-height: 1.35 !important; }
  .ra-text p, .ra-text li { font-size: 16px !important; line-height: 1.7 !important; }
  .ra-text blockquote { margin-left: 0 !important; margin-right: 0 !important; padding: 18px 16px 18px 18px !important; }
  .ra-text blockquote p { font-size: 15.5px !important; line-height: 1.6 !important; }
  .ra-text img { border-radius: 14px; }

  /* Beratungs-Kasten im Text */
  .dvhcp-cta-wrap { padding: 26px 16px !important; text-align: center; }
  .dvhcp-cta-wrap .hc-btn, .hc-btn-hero { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; max-width: 420px; margin-left: auto !important; margin-right: auto !important; min-height: 54px; height: auto !important; padding: 14px 20px !important; border-radius: 999px !important; font-size: 16px !important; line-height: 1.3 !important; text-align: center; white-space: normal !important; aspect-ratio: auto !important; box-sizing: border-box; }
  .dvhcp-cta-wrap ul, .dvhcp-cta-wrap .hc-trust-3 { display: flex !important; flex-direction: column; align-items: center; gap: 6px !important; padding: 0 !important; margin: 18px 0 0 !important; }
  .dvhcp-cta-wrap li { font-size: 15px !important; line-height: 1.4 !important; }
  .hc-hero-contact { display: flex !important; align-items: center !important; gap: 14px !important; width: 100% !important; max-width: 420px; margin: 20px auto 0 !important; padding: 14px 16px !important; box-sizing: border-box; text-align: left; }
  .hc-hero-contact > :first-child { flex: none; }
  .hc-hero-contact-body { flex: 1 1 auto !important; min-width: 0; overflow-wrap: normal !important; hyphens: manual !important; }
  .hc-hero-contact-body * { font-size: 14px !important; line-height: 1.35 !important; text-align: left !important; white-space: normal; }
  .hc-hero-contact-body a { font-size: 18px !important; white-space: nowrap; }
  .hc-hero-contact-body strong, .hc-hero-contact-body b { white-space: normal !important; }
  .ra-text p a, .ra-text li a, .ra-text blockquote a { font-size: inherit !important; }

  /* Verfügbarkeits-Prüfung im Text */
  .hc-availcheck .hc-wrap { padding-left: 0 !important; padding-right: 0 !important; }
  .hc-availcheck-card { width: auto !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 26px 16px !important; box-sizing: border-box; }
  .hc-availcheck-card h2, .hc-availcheck-card h3 { font-size: clamp(20px, 5.8vw, 24px) !important; line-height: 1.3 !important; }
  .hc-availcheck-card p { font-size: 15px !important; line-height: 1.55 !important; }
  .hc-availcheck-card a, .hc-availcheck-card button { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; max-width: 420px; margin-left: auto !important; margin-right: auto !important; min-height: 52px; height: auto !important; padding: 13px 18px !important; border-radius: 999px !important; aspect-ratio: auto !important; white-space: normal !important; box-sizing: border-box; font-size: 16px !important; }
  .hc-availcheck-card a svg, .hc-availcheck-card button svg, .dvhcp-cta-wrap .hc-btn svg { width: 20px !important; height: 20px !important; flex: none; }
  .hc-availcheck-card ol, .hc-availcheck-card ul { display: flex !important; flex-direction: column; align-items: stretch; gap: 8px !important; padding: 0 !important; }
  .hc-availcheck-card ol > *, .hc-availcheck-card ul > * { justify-content: flex-start; text-align: left; white-space: nowrap; }

  /* Fuß (wie Startseite) */
  .it-fuss { padding: 40px 0 28px !important; }
  .it-fuss .it-huelle { padding-left: var(--m-rand) !important; padding-right: var(--m-rand) !important; }
  .it-fuss__gitter { grid-template-columns: 1fr !important; gap: 14px !important; text-align: center; }
  .it-fuss__gitter > * { text-align: center !important; padding: 24px 18px !important; border-radius: 16px; }
  .it-fuss p, .it-fuss li, .it-fuss a { font-size: 16px !important; line-height: 1.8 !important; }
  .it-fuss .it-fuss__kopf { font-size: 21px !important; margin-bottom: 10px !important; }
  .it-fuss__marke b { font-size: 24px !important; }
  .it-fuss__unterzeile { margin-bottom: 12px !important; font-size: 16px !important; }
  .it-fuss nav li, .it-fuss__zeile { justify-content: center !important; gap: 8px !important; }
  .it-fuss__sozial { justify-content: center !important; }
  .it-fuss__unten { justify-content: center !important; text-align: center; margin-top: 24px !important; font-size: 13.5px !important; }
}
@media (max-width: 340px) { .hc-hero-contact { gap: 10px !important; padding: 12px !important; } .hc-hero-contact-body a { font-size: 15.5px !important; } }
@media (max-width: 1024px) { .dvhcp-cta-wrap .hc-trust-3 > *, .dvhcp-cta-wrap li { flex: none !important; margin: 0 !important; } .hc-cta-sub-strong { font-size: 13.5px !important; line-height: 1.6 !important; margin-top: 14px !important; } .hc-btn br, .hc-availcheck-card button br { display: none; } }
/* Städteseiten (hc-*) und Glossar (hc-det-*) — Metehan 06.10.2026: Baden-Baden, Alzheimer */
@media (max-width: 1024px) {
  .hc-wrap { padding-left: var(--m-rand) !important; padding-right: var(--m-rand) !important; }
  .hc-h2, .hc-det-body h2 { font-size: clamp(23px, 6.8vw, 30px) !important; line-height: 1.2 !important; letter-spacing: -.01em; }
  /* alle Knöpfe: volle Breite, nie gequetscht */
  main .hc-btn { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; max-width: 420px; margin-left: auto !important; margin-right: auto !important; min-height: 52px; height: auto !important; padding: 13px 20px !important; font-size: 16px !important; line-height: 1.3 !important; text-align: center; white-space: normal !important; box-sizing: border-box; border-radius: 999px !important; }
  main .hc-btn svg { width: 18px !important; height: 18px !important; flex: none; }
  /* MD-Siegel: Note und Zusatz untereinander statt gequetscht */
  .hc-md-card { align-items: center; gap: 12px !important; }
  .hc-md-score { flex-wrap: wrap !important; align-items: baseline; gap: 2px 8px !important; }
  .hc-md-score strong { font-size: 20px !important; line-height: 1.15 !important; white-space: nowrap; }
  .hc-md-note { font-size: 12px !important; white-space: nowrap; margin: 0 !important; }
  .hc-md-label { font-size: 13px !important; }
  /* Pflegegrad-Karten kompakt 2 × n, letzte Karte bei ungerader Zahl über volle Breite */
  .hc-pg-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .hc-pg-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  .hc-pg-card { padding: 14px 10px 12px !important; border-radius: 14px !important; gap: 4px !important; text-align: center; align-items: center; min-width: 0; }
  .hc-pg-grade { font-size: 11.5px !important; letter-spacing: .03em; gap: 6px !important; justify-content: center; white-space: nowrap; }
  .hc-pg-grade b { width: 22px !important; height: 22px !important; font-size: 12px !important; }
  .hc-pg-amount small { font-size: 10.5px !important; }
  .hc-pg-amount strong { font-size: clamp(19px, 6vw, 24px) !important; line-height: 1.15 !important; white-space: nowrap; }
  .hc-pg-points { font-size: 10px !important; padding: 2px 8px !important; line-height: 1.4 !important; }
  .hc-pg-sev { font-size: 12.5px !important; line-height: 1.3 !important; margin-top: 4px !important; }
  .hc-pg-ex { font-size: 11.5px !important; line-height: 1.4 !important; }
  /* Beispielrechnung: Beträge bleiben im Kasten */
  .hc-pg-box { padding: 20px 14px !important; }
  .hc-calc li { gap: 10px !important; align-items: baseline; }
  .hc-calc li > span:first-child { flex: 1 1 auto; min-width: 0; }
  .hc-calc li > span:last-child { flex: none; white-space: nowrap; text-align: right; }
  /* Regionen-Liste: kompakt 2 Spalten */
  .hc-region-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .hc-region-card { padding: 12px 8px !important; border-radius: 12px !important; min-width: 0; }
  .hc-region-card * { font-size: 13.5px !important; line-height: 1.3 !important; }
  .hc-region-card a, .hc-region-card span:last-child { font-size: 11.5px !important; }
  /* Glossar: „Das Wichtigste in Kürze“ einspaltig, Inhaltsverzeichnis kompakt */
  .hc-keyfacts { padding: 20px 16px !important; }
  .hc-keyfacts ul { columns: 1 !important; column-count: 1 !important; }
  .hc-keyfacts li { font-size: 15px !important; line-height: 1.5 !important; margin-bottom: 8px !important; }
  .hc-toc { padding: 16px !important; }
  .hc-toc ol { columns: 1 !important; }
  .hc-toc li { margin: 0 !important; }
  .hc-toc li a { display: block; padding: 7px 0 !important; font-size: 14px !important; line-height: 1.35 !important; border-bottom: 1px solid #e8eef4; }
  .hc-det-cta { padding: 24px 16px !important; text-align: center; }
  .hc-faq2 { padding: 20px 12px !important; }
  .hc-faq2 summary { padding: 14px 12px !important; font-size: 15.5px !important; }
}
@media (max-width: 340px) {
  .hc-pg-grid, .hc-region-grid { gap: 7px !important; }
  .hc-pg-card { padding: 12px 6px 10px !important; }
  .hc-pg-grade { font-size: 10.5px !important; letter-spacing: 0; }
  .hc-calc li { font-size: 13.5px !important; }
}
@media (max-width: 1024px) { .hc-pg-grade { padding: 0 !important; margin: 0 auto !important; max-width: 100%; overflow: visible; } .hc-pg-grade a { font-size: inherit !important; letter-spacing: inherit !important; } .hc-pg-grade b { flex: none; margin: 0 !important; } }
/* Tabellen als Karten bis 600 px */
@media (max-width: 600px) {
  main table.mm-tabelle { display: block !important; width: 100% !important; overflow: visible !important; border: 0 !important; background: none !important; }
  main table.mm-tabelle thead { display: none !important; }
  main table.mm-tabelle tbody { display: grid !important; gap: 10px; }
  main table.mm-tabelle tr:first-child:has(th) { display: none !important; }
  main table.mm-tabelle tr { display: block !important; padding: 12px 14px !important; border: 1px solid #dbe6f0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 2px 8px rgba(3,52,109,.05); }
  main table.mm-tabelle td, main table.mm-tabelle th { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; padding: 4px 0 !important; border: 0 !important; background: none !important; text-align: right !important; font-size: 14.5px !important; line-height: 1.4 !important; width: auto !important; }
  main table.mm-tabelle td::before { content: attr(data-label); flex: 0 0 auto; max-width: 48%; text-align: left; font-size: 11.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #6b8299; }
  main table.mm-tabelle td:first-child { display: block !important; text-align: left !important; font-weight: 700; font-size: 15.5px !important; color: #03346D; padding-bottom: 6px !important; margin-bottom: 4px; border-bottom: 1px solid #edf2f7 !important; }
  main table.mm-tabelle td:first-child::before { content: none; }
}
@media (max-width: 1024px) { main td a, main th a, main dd a, main dt a { font-size: inherit !important; } }
/* Elementor-Nachbau (ue-*: Dienste, Kontakt, Über uns): Überschriften mobil maßvoll (M3) */
@media (max-width: 767px) {
  main .ue-band h1, main .ue-spalte h1 { font-size: clamp(26px, 8vw, 34px) !important; line-height: 1.2 !important; hyphens: manual !important; overflow-wrap: normal !important; }
  main .ue-band h2, main .ue-spalte h2 { font-size: clamp(22px, 6.4vw, 28px) !important; line-height: 1.25 !important; hyphens: manual !important; }
  main .ue-band h3, main .ue-spalte h3 { font-size: clamp(18px, 5.4vw, 22px) !important; line-height: 1.3 !important; }
  main .ue-band p, main .ue-band li { font-size: 16px !important; line-height: 1.65 !important; }
  main .ue-band a[href^="mailto:"] { font-size: 18px !important; overflow-wrap: anywhere; }
}
@media (max-width: 1024px) { button.sw-pick { white-space: normal !important; min-width: 0 !important; padding: 14px 8px !important; font-size: 14.5px !important; line-height: 1.3 !important; overflow-wrap: normal !important; hyphens: manual !important; text-align: center; } button.sw-pick * { white-space: normal !important; } }