/* Ranade by Indian Type Foundry. Source: https://www.fontshare.com/fonts/ranade
   Served locally so typography does not require third-party requests. */
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 200 700; font-display: swap; src: url('/assets/fonts/oswald-variable.ttf') format('truetype'); }
@font-face { font-family: 'Ranade'; font-style: normal; font-weight: 300; font-display: swap; src: url('/assets/fonts/ranade-300-normal.woff2') format('woff2'); }
@font-face { font-family: 'Ranade'; font-style: italic; font-weight: 300; font-display: swap; src: url('/assets/fonts/ranade-300-italic.woff2') format('woff2'); }
@font-face { font-family: 'Ranade'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/ranade-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Ranade'; font-style: italic; font-weight: 400; font-display: swap; src: url('/assets/fonts/ranade-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Ranade'; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/ranade-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Ranade'; font-style: italic; font-weight: 500; font-display: swap; src: url('/assets/fonts/ranade-500-italic.woff2') format('woff2'); }
@font-face { font-family: 'Ranade'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/ranade-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Ranade'; font-style: italic; font-weight: 700; font-display: swap; src: url('/assets/fonts/ranade-700-italic.woff2') format('woff2'); }
:root {
  --font-head: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Oswald', 'Arial Narrow', sans-serif;
  --font-serif: 'Oswald', 'Arial Narrow', sans-serif;
  --font-sans: 'Oswald', 'Arial Narrow', sans-serif;
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-italic: 'Oswald', 'Arial Narrow', sans-serif;
  --font-mono: 'Oswald', 'Arial Narrow', sans-serif;
}
/* Keep Oswald consistent across public content, forms, and dialogs. */
body, body *, body *::before, body *::after {
  font-family: 'Oswald', 'Arial Narrow', sans-serif !important;
}
/* Keep the centered hero lockup unchanged. */
.hero-location { font-family: 'Ranade', system-ui, sans-serif !important; }
/* Highlighted words in section titles keep their color, but remain upright. */
.section-title em, .angebote-head .section-title em { font-style: normal !important; }
h1, h2, h3 { overflow-wrap: anywhere; }
/* Keep long page titles within the viewport. */
body h1:not(#hero-title) {
  font-size: clamp(1.5rem, 4vw, 3.2rem) !important;
  line-height: 1.2;
  letter-spacing: -.035em;
  hyphens: auto;
  text-wrap: balance;
}
