/* ============================================================
   Feinschliff – gemeinsame Regeln fuer Zentrale und Themenseiten
   Nur Abstaende, Schriftgroessen, Ueberschriften-Stufen und
   Gruppierung. Keine Farb- oder Konzeptaenderungen.
   ============================================================ */

/* --- Leere, vom Skript befuellte Container erzeugen keine Luecken --- */
.routing-context:empty,
.routing-extras:empty,
.routing-note:empty,
.route-meta:empty,
.result-reminder:empty,
.progress-caption:empty{display:none!important;margin:0!important;padding:0!important;border:0!important}

/* --- Hilfewege: ruhigere Karten, klarer abgesetzter Hinweisfuss --- */
.routing-section{padding:58px 0 62px}
.routing-heading{gap:40px;margin-bottom:28px}
.routing-heading h2{margin-top:10px;line-height:1.18}
.routing-heading>p{max-width:430px;font-size:14px;line-height:1.8}
.routing-context{margin:0 0 20px;font-size:12.5px;line-height:1.7}
.routing-grid{gap:20px}
.routing-card{padding:28px}
.routing-card h3{font-size:22px;line-height:1.25;margin:0 0 14px}
.routing-card p{font-size:13.5px;line-height:1.8;margin:0 0 18px}
.routing-card p.route-detail{margin-top:2px;padding-top:16px;font-size:12px;line-height:1.75}
.routing-card .routing-main-link{margin-top:22px;min-height:48px;font-size:13.5px}
.routing-card .routing-secondary{margin-top:14px;font-size:12px;line-height:1.7}
.routing-extras:not(:empty){gap:12px 26px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line,var(--border,#e2ddd9));font-size:12.5px;line-height:1.7}
.routing-note:not(:empty){margin-top:22px;padding:14px 18px;font-size:12.5px;line-height:1.8}
.routing-privacy{margin-top:22px!important;font-size:12px!important;line-height:1.8!important}

/* --- Buttons und Formularelemente etwas grosszuegiger --- */
.button{padding:14px 22px}
.button.small{padding:10px 15px;font-size:12.5px}
.field{margin-bottom:20px}
.field label,.field-label{margin-bottom:8px;font-size:13.5px}
.field small,.help{margin-top:8px;font-size:12.5px;line-height:1.7}

@media(max-width:760px){
  .routing-section{padding:40px 0 44px}
  .routing-heading{margin-bottom:22px}
  .routing-card{padding:24px}
  .routing-card h3{font-size:21px}
  .routing-extras:not(:empty){margin-top:20px;padding-top:18px}
}