/* fluidtime.com – schlichte Rechtstexte für White-Label-Apps (/zrh/…, /gbmobility/…).
   Bewusst ohne Menü, Fußzeile und Fluidtime-Design; nur Schrift, Lesbarkeit und der graue Kopfbereich. */
@font-face { font-family: "Heebo"; font-weight: 300; font-style: normal; font-display: swap; src: url("../fonts/heebo-light.woff2") format("woff2"); }
@font-face { font-family: "Heebo"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/heebo-regular.woff2") format("woff2"); }
@font-face { font-family: "Heebo"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/heebo-bold.woff2") format("woff2"); }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: "Heebo", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 1.65; color: #373737; background: #fff; }
.legal { max-width: 1010px; margin: 0 auto; padding: 0 20px 60px; }
.legal-head { background: #f5f5f5; border-radius: 24px; margin: 30px 0; padding: 40px 30px 30px; text-align: center; }
.legal-head h1 { margin: 0 0 10px; font-size: 32px; line-height: 1.3; font-weight: 400; color: #000; }
.legal-head p { margin: 0 0 15px; }
.legal-arrow { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #000; }
.legal-arrow svg { width: 16px; height: 22px; fill: #fff; }
.legal-body { padding: 10px 0 20px; }
.legal-body h2, .legal-body h3, .legal-body h4 { color: #000; font-weight: 400; line-height: 1.35; margin: 1.6em 0 0.6em; }
.legal-body h3 { font-size: 22px; }
.legal-body h4 { font-size: 18px; }
.legal-body a { color: #005d8c; word-break: break-word; }
.legal-body ul, .legal-body ol { padding-left: 1.4em; }
.legal-body table { border-collapse: collapse; width: 100%; }
.legal-body td, .legal-body th { border: 1px solid #ddd; padding: 6px 10px; vertical-align: top; text-align: left; }
/* Datentabelle (z. B. /en/zrh/privacy-policy/): breite Tabelle scrollt auf kleinen Bildschirmen seitlich */
.legal-table { overflow-x: auto; margin: 1em 0 1.5em; }
.legal-matrix { min-width: 900px; font-size: 14px; }
.legal-matrix thead th { font-weight: 400; text-align: center; vertical-align: top; }
.legal-matrix th.first-col, .legal-matrix td:first-child { width: 220px; text-align: left; }
.legal-matrix th.first-col { font-weight: 700; vertical-align: middle; }
.legal-matrix td:not(:first-child) { width: 70px; text-align: center; }
.legal-matrix .section-row th { background: #f5f5f5; font-weight: 700; text-align: left; padding-top: 10px; padding-bottom: 10px; }
@media (max-width: 767px) {
  .legal-head { padding: 30px 18px 24px; border-radius: 16px; }
  .legal-head h1 { font-size: 24px; hyphens: auto; }
}