/* Type scale read off stehle-gmbh.com. Everything is Open Sans; hierarchy is
   carried by weight and colour, not by a second family. */
:root{
  --fs-hero:60px;      /* @kind font */
  --lh-hero:1.25;      /* @kind font */
  --fw-hero:400;       /* @kind font */
  --fs-quote:44px;     /* @kind font */
  --lh-quote:1.2;      /* @kind font */
  --fw-quote:700;      /* @kind font */
  --fs-page-title:40px;/* @kind font */
  --lh-page-title:1.25;/* @kind font */
  --fs-h2:40px;        /* @kind font */
  --lh-h2:1.25;        /* @kind font */
  --fw-h2:400;         /* @kind font */
  --fs-h3:24px;        /* @kind font */
  --lh-h3:1.35;        /* @kind font */
  --fw-h3:700;         /* @kind font */
  --fs-h4:19px;        /* @kind font */
  --lh-h4:1.4;         /* @kind font */
  --fw-h4:700;         /* @kind font */
  --fs-eyebrow:20px;   /* @kind font */
  --fs-eyebrow-lg:25px;/* @kind font */  /* hero kicker */
  --fs-panel-title:25px;/* @kind font */ /* navy "Unsere Leistungen" block */
  --lh-eyebrow:1.4;    /* @kind font */
  --fw-eyebrow:700;    /* @kind font */
  --ls-eyebrow:.06em;  /* @kind font */
  --fs-body:15px;      /* @kind font */
  --lh-body:1.45;      /* @kind font */
  --fw-body:400;       /* @kind font */
  --fs-body-lg:17px;   /* @kind font */
  --lh-body-lg:1.6;    /* @kind font */
  --fs-small:13px;     /* @kind font */
  --lh-small:1.5;      /* @kind font */
  --fs-nav:16px;       /* @kind font */
  --fw-nav:400;        /* @kind font */
  --fs-topbar:14px;    /* @kind font */
  --fs-button:18px;    /* @kind font */
  --fw-button:700;     /* @kind font */
  --fs-tile:20px;      /* @kind font */
  --fw-tile:700;       /* @kind font */
  --ls-tile:.08em;     /* @kind font */
  --fs-icon-caption:18px;   /* @kind font */
  --fw-icon-caption:700;    /* @kind font */
  --ls-icon-caption:.06em;  /* @kind font */
  --fs-card-title:20px;     /* @kind font */
  --lh-card-title:1.35;     /* @kind font */
  --fw-card-title:700;      /* @kind font */
}
.st-hero-title{font:var(--fw-hero) var(--fs-hero)/var(--lh-hero) var(--font-display);color:var(--white)}
.st-quote{font:var(--fw-quote) var(--fs-quote)/var(--lh-quote) var(--font-display);color:var(--white)}
.st-h2{font:var(--fw-h2) var(--fs-h2)/var(--lh-h2) var(--font-display);color:var(--text-heading)}
.st-h3{font:var(--fw-h3) var(--fs-h3)/var(--lh-h3) var(--font-display);color:var(--text-heading)}
.st-eyebrow{font:var(--fw-eyebrow) var(--fs-eyebrow)/var(--lh-eyebrow) var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-eyebrow)}
.st-body{font:var(--fw-body) var(--fs-body)/var(--lh-body) var(--font-body);color:var(--text-body)}
.st-small{font:400 var(--fs-small)/var(--lh-small) var(--font-body);color:var(--text-muted)}