/* Fluid Typography — Headings + Body skalieren mit Viewport.
   Min-Wert greift unter ~320px, Max-Wert ab ~1440px. clamp() interpoliert dazwischen. */

:root {
  --fluid-h1:   clamp(1.875rem,  1.30rem + 2.875vw, 3.75rem);   /* 30 → 60 px */
  --fluid-h2:   clamp(1.5rem,    1.10rem + 2.00vw,  2.75rem);   /* 24 → 44 px */
  --fluid-h3:   clamp(1.25rem,   1.00rem + 1.25vw,  1.875rem);  /* 20 → 30 px */
  --fluid-h4:   clamp(1.125rem,  0.95rem + 0.875vw, 1.5rem);    /* 18 → 24 px */
  --fluid-h5:   clamp(1.0625rem, 0.92rem + 0.70vw,  1.25rem);   /* 17 → 20 px */
  --fluid-h6:   clamp(1.0rem,    0.90rem + 0.50vw,  1.125rem);  /* 16 → 18 px */
  --fluid-body: clamp(0.9375rem, 0.85rem + 0.4375vw, 1.125rem); /* 15 → 18 px */
  --fluid-lead: clamp(1.0625rem, 0.95rem + 0.625vw, 1.375rem);  /* 17 → 22 px */
}

/* Body + native Headings */
html { font-size: 100%; }
body { font-size: var(--fluid-body); line-height: 1.55; }

h1 { font-size: var(--fluid-h1); line-height: 1.1; }
h2 { font-size: var(--fluid-h2); line-height: 1.15; }
h3 { font-size: var(--fluid-h3); line-height: 1.2; }
h4 { font-size: var(--fluid-h4); line-height: 1.25; }
h5 { font-size: var(--fluid-h5); line-height: 1.3; }
h6 { font-size: var(--fluid-h6); line-height: 1.35; }

/* Webflow-Heading-Style-Utility-Klassen überschreiben (gleiche fluid-Werte) */
.heading-style-h1 { font-size: var(--fluid-h1) !important; line-height: 1.1; }
.heading-style-h2 { font-size: var(--fluid-h2) !important; line-height: 1.15; }
.heading-style-h3 { font-size: var(--fluid-h3) !important; line-height: 1.2; }
.heading-style-h4 { font-size: var(--fluid-h4) !important; line-height: 1.25; }
.heading-style-h5 { font-size: var(--fluid-h5) !important; line-height: 1.3; }
.heading-style-h6 { font-size: var(--fluid-h6) !important; line-height: 1.35; }

/* Webflow text-size-Klassen */
.text-size-medium  { font-size: var(--fluid-body) !important; }
.text-size-regular { font-size: var(--fluid-body) !important; }
.text-size-large   { font-size: var(--fluid-lead) !important; }

/* p (allgemein) */
p { font-size: inherit; }