/* saisonpersonal.de — Pausen-Screen (/pause)
   Waehrend der Pause leitet vercel.json jede Seite hierher (auch Impressum und
   Datenschutz). Baut auf c.css auf (Header, .hero, .badge). Die Schriften kommen
   lokal statt von Google Fonts, damit der Screen ohne Drittanbieter auskommt. */

/* ---- Sora + Source Sans 3 lokal (latin, variabel; OFL) ---- */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/sora-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(../fonts/source-sans-3-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- Nur Text, zentriert; Screen fuellt den Viewport unter dem Header ---- */
body { background: var(--navy-2); } /* kein heller Rand unter dem Screen / beim Nachfedern */
header.site .wrap { justify-content: center; }
.pause-hero { min-height: calc(100vh - 60px); min-height: calc(100svh - 60px); display: flex; align-items: center; }
/* eine Spalte statt Hero-Raster; unten mehr Luft, damit der Text optisch mittig sitzt */
.pause-hero .wrap { width: 100%; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; padding-block: 32px 120px; }
.pause-hero h1 { font-size: clamp(38px, 5.4vw, 72px); line-height: 1.05; text-wrap: balance; }
.pause-hero p.lead { margin-inline: auto; font-size: 18px; text-wrap: balance; }
.badge--pause i { width: 9px; height: 10px; border-radius: 1px; background: linear-gradient(90deg, var(--lime) 0 3px, transparent 3px 6px, var(--lime) 6px); }

@media (max-width: 620px) {
  .pause-hero .wrap { padding-block: 24px 84px; }
  .pause-hero p.lead { font-size: 17px; }
}