/* Design-Abgleich mit der Ausgangsvorlage */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("./home/outfit-latin.woff2") format("woff2");
}

:root {
  --color-primary: #F26522;
  --color-secondary: #000000;
  --color-surface: #FFFFFF;
  --color-text-main: #1A1A1A;
  --color-text-muted: #666666;
  --color-bg-light: #FBFBFB;
  --font-main: "Outfit", sans-serif;
}

html, body {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
}

body,
button,
input,
textarea,
select {
  font-family: "Outfit", sans-serif !important;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.header-v3,
.hero-v3,
.contact-relaunch,
.footer-social,
.philosophy-section,
.cases-relaunch,
.logo-wall-relaunch,
.testimonials-relaunch {
  background-color: #FFFFFF !important;
}

.bg-light,
.services-relaunch,
.footer-relaunch,
.hero-bottom-ticker,
.service-action-banner {
  background-color: #FBFBFB !important;
}

.bg-black,
.haltung-section,
.stats-section,
.methodology-relaunch,
.bio-header-v3 {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}

.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black p,
.bg-black span,
.bg-black li,
.haltung-section h1,
.haltung-section h2,
.haltung-section h3,
.haltung-section p,
.stats-section h1,
.stats-section h2,
.stats-section p,
.methodology-relaunch h1,
.methodology-relaunch h2,
.methodology-relaunch h3,
.methodology-relaunch p,
.bio-header-v3 h1,
.bio-header-v3 h2,
.bio-header-v3 h3,
.bio-header-v3 p {
  color: #FFFFFF;
}

main {
  background-color: #FFFFFF;
}

h1, h2, h3, h4, p, a, li, label, button, input, textarea {
  font-family: "Outfit", sans-serif;
}