@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter_24pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---neutral-800: #080808;
  --_colors---neutral-100: #f7f5f5;
  --_colors---primary: #b32f2f;
  --_colors---transparent: #fff0;
  --_colors---neutral-200: #d6d4d4;
  --_colors---neutral-700: #141414;
  --_colors---neutral-600: #212121;
  --_colors---neutral-300: #b5b3b3;
  --_colors---primary-dark: #8c2525;
  --_colors---primary-bright: #d93939;
  --_colors---secondary: #2eb354;
  --_colors---secondary-dark: #248c42;
  --_colors---secondary-bright: #38d966;
  --_colors---tertiary: #b3962e;
  --_colors---tertiary-dark: #8c7624;
  --_colors---tertiary-bright: #d9b638;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--_colors---neutral-800);
  color: var(--_colors---neutral-100);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.85em;
  font-weight: 900;
  line-height: 1;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.2em;
  font-weight: 900;
  line-height: 1;
}

h3 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 4.2em;
  font-weight: 900;
  line-height: 1;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.2em;
  font-weight: 900;
  line-height: 1;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_colors---primary);
  font-size: 1em;
  font-weight: 700;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.section {
  padding: 15em 2.5em;
  position: relative;
}

.section.home-hero {
  background-image: linear-gradient(180deg, var(--_colors---transparent) 70%, var(--_colors---neutral-800)), url('../images/Golf-8_Studio_Hero.png');
  background-position: 0 0, 50% 5%;
  background-size: auto, cover;
  padding-top: 20em;
}

.section.neutral-100 {
  background-color: var(--_colors---neutral-100);
}

.section.sonstiges-hero, .section.danke-hero {
  padding-top: 20em;
}

.container-default {
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.flex-box {
  flex-flow: column;
  display: flex;
}

.flex-box.x-center {
  align-items: center;
}

.flex-box.x-center.y-center {
  justify-content: center;
}

.flex-box.x-left {
  align-items: flex-start;
}

.flex-box.x-left.y-center {
  justify-content: center;
}

.flex-box.x-left.y-center.margin-bottom-15em {
  margin-bottom: 15em;
}

.flex-box.direction-horizontal {
  flex-flow: row;
}

.flex-box.direction-horizontal.y-center {
  align-items: center;
}

.flex-box.direction-horizontal.y-center.gap-0-5em {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
}

.heading-1.neutral-100 {
  color: var(--_colors---neutral-100);
}

.heading-1.neutral-100.align-left {
  text-align: left;
}

.heading-2.neutral-200 {
  color: var(--_colors---neutral-200);
}

.heading-2.neutral-200.align-left {
  text-align: left;
}

.heading-2.neutral-100 {
  color: var(--_colors---neutral-100);
}

.heading-2.neutral-100.align-left {
  text-align: left;
}

.subheading {
  font-size: 1.6em;
  font-weight: 100;
  line-height: 1.1;
}

.subheading.neutral-200 {
  color: var(--_colors---neutral-200);
}

.subheading.neutral-200.align-left {
  text-align: left;
}

.subheading.neutral-200.align-center {
  text-align: center;
}

.subheading.neutral-700 {
  color: var(--_colors---neutral-700);
}

.subheading.neutral-700.align-center {
  text-align: center;
}

.subheading.primary {
  color: var(--_colors---primary);
}

.subheading.primary.align-left {
  text-align: left;
}

.margin-bottom-0-15em {
  margin-bottom: .15em;
}

.margin-bottom-0-25em {
  margin-bottom: .25em;
}

.margin-bottom-0-5em {
  margin-bottom: .5em;
}

.margin-bottom-1em {
  margin-bottom: 1em;
}

.margin-bottom-2em {
  margin-bottom: 2em;
}

.margin-bottom-3em {
  margin-bottom: 3em;
}

.margin-bottom-4em {
  margin-bottom: 4em;
}

.margin-bottom-5em {
  margin-bottom: 5em;
}

.list-item {
  color: var(--_colors---neutral-200);
  background-image: url('../images/Cross.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: .75em .75em;
  padding-left: .85em;
  font-size: 1.6em;
  font-weight: 100;
  list-style-type: none;
}

.list {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.list.margin-bottom-1em {
  margin-bottom: 1em;
}

.list.margin-bottom-2em {
  margin-bottom: 2em;
}

.button-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.primary-button {
  border: .25em solid var(--_colors---primary);
  background-color: var(--_colors---primary);
  text-transform: uppercase;
  padding: 1em 2.5em;
  font-size: 1em;
  font-weight: 900;
  transition: all .5s;
}

.primary-button:hover {
  background-color: var(--_colors---transparent);
  color: var(--_colors---primary);
  transform: scale(.975);
}

.primary-button.width-100 {
  width: 100%;
}

.secondary-button {
  border: .25em solid var(--_colors---primary);
  background-color: var(--_colors---transparent);
  color: var(--_colors---primary);
  text-transform: uppercase;
  padding: 1em 2.5em;
  font-size: 1em;
  font-weight: 900;
  transition: all .5s;
}

.secondary-button:hover {
  background-color: var(--_colors---primary);
  color: var(--_colors---neutral-100);
  transform: scale(.975);
}

.navbar {
  background-color: var(--_colors---neutral-800);
  padding: 1em 2.5em;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-link {
  color: var(--_colors---neutral-100);
  text-transform: uppercase;
  padding: 0;
  font-size: 1em;
  font-weight: 900;
  text-decoration: none;
  transition: all .5s;
}

.navbar-link:hover {
  color: var(--_colors---primary);
  transform: scale(.95);
}

.navbar-link.w--current {
  color: var(--_colors---primary);
}

.navbar-links-wrapper {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar-divider {
  background-color: var(--_colors---neutral-100);
  width: .25em;
  height: 1em;
}

.logo-wrapper {
  color: var(--_colors---neutral-100);
  height: 3em;
  transition: all .5s;
}

.logo-wrapper:hover {
  color: var(--_colors---primary);
  transform: scale(.9);
}

.logo-wrapper.w--current {
  color: var(--_colors---neutral-100);
}

.logo {
  height: 100%;
}

.heading-3.neutral-100 {
  color: var(--_colors---neutral-100);
}

.heading-3.neutral-100.align-left {
  text-align: left;
}

.heading-3.neutral-100.align-center {
  text-align: center;
}

.heading-4.neutral-100 {
  color: var(--_colors---neutral-100);
}

.heading-4.neutral-100.align-center {
  text-align: center;
}

.heading-4.neutral-100.align-left {
  text-align: left;
}

.red-dot-01 {
  background-color: var(--_colors---primary);
  opacity: .4;
  filter: blur(10em);
  border-radius: 100%;
  width: 50em;
  height: 15em;
  position: relative;
  inset: 25% 0% auto 10%;
  transform: rotate(-30deg);
}

.bg-wrapper {
  flex-flow: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cta-heading {
  color: var(--_colors---neutral-800);
  text-transform: uppercase;
  font-size: 6.85em;
  font-weight: 900;
}

.cta-heading.neutral-800 {
  color: var(--_colors---neutral-800);
}

.cta-heading.neutral-800.align-center {
  text-align: center;
}

.top-heading {
  text-transform: uppercase;
  font-size: 2.6em;
  font-weight: 900;
}

.top-heading.neutral-200 {
  color: var(--_colors---neutral-200);
}

.top-heading.neutral-200.align-left {
  text-align: left;
}

.top-heading.small {
  font-size: 1.6em;
}

.top-heading.small.neutral-200 {
  color: var(--_colors---neutral-200);
}

.red-dot-02 {
  background-color: var(--_colors---primary);
  opacity: .4;
  filter: blur(10em);
  border-radius: 100%;
  width: 50em;
  height: 20em;
  position: relative;
  inset: -10% 0% auto;
}

.grid-3-collum {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-wrapper {
  width: 100%;
}

.image-wrapper.height-30em {
  height: 30em;
  position: relative;
}

.image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-heading {
  text-transform: uppercase;
  font-size: 1.6em;
  font-weight: 900;
}

.image-heading.neutral-100 {
  color: var(--_colors---neutral-100);
}

.image-heading.neutral-100.align-center {
  text-align: center;
}

.image-text {
  font-size: 1.6em;
  font-weight: 100;
}

.image-text.neutral-200 {
  color: var(--_colors---neutral-200);
}

.image-text.neutral-200.align-center {
  text-align: center;
}

.grid-2-collum {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-block {
  margin-bottom: 0;
}

.form-text {
  text-transform: uppercase;
  margin-bottom: .25em;
  font-size: 1.6em;
  font-weight: 100;
}

.text-field {
  border: .15em solid var(--_colors---neutral-700);
  background-color: var(--_colors---neutral-700);
  height: 2em;
  margin-bottom: 0;
  padding: .5em;
  font-size: 1.6em;
  font-weight: 100;
  transition: all .5s;
}

.text-field:hover {
  border-color: var(--_colors---neutral-600);
  transform: scale(.99);
}

.text-field:active, .text-field:focus {
  border-color: var(--_colors---primary);
  color: var(--_colors---primary);
}

.text-field::placeholder {
  color: var(--_colors---neutral-300);
}

.success-message {
  background-color: var(--_colors---transparent);
  padding: 0;
}

.error-message {
  background-color: var(--_colors---transparent);
  margin-top: 1em;
  padding: 0;
}

.footer {
  background-color: var(--_colors---neutral-800);
  border-bottom: 1px solid #e4ebf3;
  padding: 10em 5em;
  position: relative;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block-wrapper {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-heading {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 900;
  line-height: 1;
}

.footer-link {
  color: var(--_colors---neutral-200);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
  transition: all .5s;
}

.footer-link:hover {
  color: var(--_colors---primary);
  transform: scale(.95);
}

.footer-social-block {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5em;
  display: flex;
}

.footer-social-link {
  color: var(--_colors---neutral-100);
  transition: all .5s;
}

.footer-social-link:hover {
  color: var(--_colors---primary);
  transform: scale(.9);
}

.footer-divider {
  background-color: var(--_colors---neutral-300);
  width: 100%;
  height: .1em;
  margin-top: 2em;
  margin-bottom: 1em;
}

.footer-copyright-center {
  color: var(--_colors---neutral-300);
  text-align: center;
  font-size: .6em;
  font-weight: 100;
  line-height: 1;
}

.social-media-icon {
  width: 1em;
  height: 1em;
  transition: all .3s;
}

.social-media-icon-2 {
  color: #f7f5f5;
  width: 1em;
  height: 1em;
  transition: all .3s;
}

.social-media-icon-2:hover {
  color: #e5624e;
}

.footer-block {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.red-dot-03 {
  background-color: var(--_colors---primary);
  opacity: .4;
  filter: blur(10em);
  border-radius: 100%;
  width: 15em;
  height: 100%;
  position: relative;
  inset: 0% 0% auto 10%;
  transform: rotate(25deg);
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.checkbox_button {
  border: .25em solid var(--_colors---primary);
  background-color: var(--_colors---transparent);
  width: 2em;
  height: 2em;
  margin-top: 0;
  margin-left: 0;
  transition: all .5s;
  display: block;
}

.checkbox_button:hover {
  transform: scale(.9);
}

.checkbox_button.w--redirected-checked {
  background-color: var(--_colors---primary);
  background-image: none;
  margin-top: 0;
  margin-left: 0;
}

.checkbox_button.w--redirected-focus, .checkbox_button.w--redirected-focus-visible {
  margin-top: 0;
  margin-left: 0;
}

.flex-box-2 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.flex-box-2.direction-horizontal {
  flex-direction: row;
}

.flex-box-2.direction-horizontal.x-left {
  justify-content: flex-start;
}

.flex-box-2.direction-horizontal.x-left.y-center {
  align-items: center;
}

.flex-box-2.direction-horizontal.x-left.y-center.gap-0-5em {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
}

.text-link {
  font-size: 1em;
  font-weight: 500;
}

.checkbox_label {
  z-index: 1;
  white-space: nowrap;
  margin-bottom: 0;
  font-weight: 800;
  display: none;
  position: relative;
}

.checkbox_field {
  cursor: pointer;
  background-color: #fff0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1.25em;
  transition: all .5s;
  display: flex;
  position: relative;
}

.checkbox_field:hover {
  transform: scale(.95);
}

.smallheading {
  font-size: 1em;
  font-weight: 100;
  line-height: 1.1;
}

.smallheading.neutral-200 {
  color: var(--_colors---neutral-200);
}

.smallheading.neutral-200.align-left {
  text-align: left;
}

.smallheading.neutral-200.align-center {
  text-align: center;
}

.smallheading.neutral-700 {
  color: var(--_colors---neutral-700);
}

.smallheading.neutral-700.align-center {
  text-align: center;
}

.smallheading.primary {
  color: var(--_colors---primary);
}

.smallheading.primary.align-left {
  text-align: left;
}

.form-embed {
  display: none;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1.5vw;
  }

  .section.home-hero {
    background-image: linear-gradient(180deg, var(--_colors---transparent), var(--_colors---neutral-800)), url('../images/Golf-8_Studio_Hero.png');
    background-position: 0 0, 75% 5%;
    background-size: auto, cover;
  }

  .navbar-link {
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .navbar-links-wrapper {
    background-color: var(--_colors---neutral-800);
    flex-flow: column;
    padding: 2em 2.5em;
  }

  .navbar-divider {
    width: 100%;
    height: .05em;
  }

  .container {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .menu-button.w--open {
    background-color: var(--_colors---transparent);
    color: var(--_colors---primary);
  }
}

@media screen and (max-width: 767px) {
  .footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block-wrapper {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .footer-block {
    align-items: center;
  }

  .checkbox_button {
    width: 1.5em;
    height: 1.5em;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 2.75vw;
  }

  .section {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .heading-1 {
    font-size: 4.2em;
  }

  .heading-2.neutral-100.align-left.size-m-small {
    font-size: 2.6em;
  }

  .button-wrapper {
    flex-flow: wrap;
  }

  .navbar, .navbar-links-wrapper {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .cta-heading {
    font-size: 4.2em;
  }

  .top-heading {
    font-size: 1.6em;
  }

  .container {
    max-width: none;
  }
}

#Fahrzeugbeschreibung.w-node-_632b8dc9-19d5-7a2a-722d-18474846bac6-8c6581b6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3b4def98-70f1-6437-7013-e525e64fbdc3-e64fbdbd, #w-node-_3b4def98-70f1-6437-7013-e525e64fbdcf-e64fbdbd, #w-node-_3b4def98-70f1-6437-7013-e525e64fbdd9-e64fbdbd, #w-node-_134f8cbd-4ea5-ae55-2ebe-75fb8d39ea89-8d39ea83, #w-node-_134f8cbd-4ea5-ae55-2ebe-75fb8d39ea95-8d39ea83, #w-node-_134f8cbd-4ea5-ae55-2ebe-75fb8d39ea9f-8d39ea83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-c256001c-d510-b00c-9a4a-45e05db6ac6c-8c6581b6, #w-node-e83a67df-40f5-e6f9-0eb7-454f6c1d780a-8c6581b6, #w-node-_314a2bfa-e663-4ba5-ae61-0096caf11e2e-8c6581b6 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-e452c520-1af4-1b4b-fb07-fd2188cf6695-8c6581b6, #w-node-b5d8f300-915d-0b56-8c2b-50574e2915e6-8c6581b6, #Vorname.w-node-a064f5fa-06c3-bdcb-746c-8c34bd50296a-8c6581b6, #Nachname.w-node-d87d5791-1a6b-d27d-f994-95128de34254-8c6581b6, #Fahrzeug.w-node-_1e593611-0330-3e67-0d37-5e2e1503e6b0-8c6581b6, #Kilometerstand.w-node-_5247f922-6004-b5e4-3772-4f7d95b30e31-8c6581b6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter_24pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}