/* ==========================================================
   Typografie – Source Sans 3
   Sprint S-47.4.1
   ========================================================== */

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3/source-sans-3-v19-latin-regular.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3/source-sans-3-v19-latin-500.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3/source-sans-3-v19-latin-600.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3/source-sans-3-v19-latin-italic.woff2")
    format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-family-base: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-heading: 600;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-family-base);
}

body {
  font-weight: var(--font-weight-normal);
}

.primary-navigation,
.nav-toggle {
  font-weight: var(--font-weight-medium);
}

.hero-titel,
.section-title,
.site-main--front .block-page-title-block h1 {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-heading);
}

.hero-slogan,
.hero-ansprache,
.section-eyebrow,
.service-panel__title {
  font-weight: var(--font-weight-medium);
}

.icon-cards h3,
.service-panel h2 {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-heading);
}

.button,
.hero-button {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-medium);
}

.hero-ansprache,
.section-eyebrow {
  letter-spacing: 0.085em;
}