:root {
  --dim-grey: #444;
  --hellgrau: #aca69f;
  --warmes-grau: #6d645e;
  --tan: #d1bfa5;
  --light-steel-blue: #90acc8;
  --rosy-brown: #b0988c;
  --dark-grey: #969696;
  --white: white;
  --light-steel-blue-2: #a5c0db;
  --steel-blue: #547da7;
  --gainsboro: #dadada;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

p {
  margin-bottom: 10px;
}

a {
  color: var(--dim-grey);
  text-decoration: underline;
}

a:hover {
  color: var(--hellgrau);
  font-weight: 400;
}

.body {
  font-family: Lato, sans-serif;
}

.nav-section {
  z-index: 100;
  position: fixed;
  inset: 0% 0% auto;
}

.hero-section {
  margin-bottom: 0;
}

.heading-wrapper {
  margin-top: 0;
  margin-bottom: 8rem;
  padding-top: 0;
}

.heading-wrapper.kontakt {
  margin-bottom: 1.5rem;
}

.heading {
  color: var(--warmes-grau);
  text-align: center;
  font-size: 4rem;
  font-weight: 300;
  line-height: 6rem;
}

.welcome-grid-wrapper {
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.welcome-grid-wrapper.desktop {
  display: block;
}

.welcome-grid-wrapper.mobile {
  display: none;
}

.welcome-quick-stack {
  grid-column-gap: 5rem;
}

.about-image-wrapper {
  width: auto;
  max-width: none;
  margin-bottom: 6rem;
  margin-left: auto;
  margin-right: auto;
}

.image {
  max-width: none;
  max-height: 60vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: clip;
}

.about-text-wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph {
  color: var(--warmes-grau);
  text-align: center;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.75rem;
  text-decoration: none;
  display: block;
}

.paragraph:hover {
  text-decoration: none;
}

.paragraph.welcome-brown {
  color: var(--warmes-grau);
  letter-spacing: 0;
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}

.paragraph.welcome-ochre {
  color: var(--tan);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}

.paragraph.welcome-bleu {
  color: var(--light-steel-blue);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2rem;
}

.paragraph.about {
  margin-bottom: 10px;
  font-size: 1.25rem;
  line-height: 2rem;
}

.paragraph.impressum-link {
  margin-top: 34px;
  margin-bottom: 100px;
}

.paragraph.faq {
  font-size: 1.25rem;
  line-height: 2rem;
}

.paragraph.paket {
  color: var(--dim-grey);
  letter-spacing: 1px;
  margin-top: 40px;
  font-size: 1.25rem;
}

.process-text-wrapper-desktop, .process-accordion-wrapper-desktop {
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.hero-section-image-wrapper {
  object-fit: fill;
  background-image: url('../images/Ina-Zebe-Beratung-Hero-Image.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.cell {
  justify-content: space-between;
  align-items: center;
  display: block;
}

.welcome-circle-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/Ina-Zebe-Beratung-kreis-braun.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 300px;
  height: 300px;
  display: block;
}

.welcome-circle-div.brown {
  background-color: var(--rosy-brown);
  background-image: none;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.welcome-circle-div.ochre {
  background-color: var(--tan);
  background-image: none;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.welcome-circle-div.bleu {
  background-color: var(--light-steel-blue);
  background-image: none;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-2 {
  color: var(--warmes-grau);
  text-align: center;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 0;
  padding-right: 0;
  font-size: 3rem;
  font-weight: 300;
  line-height: 4rem;
}

.uui-faq01_list {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-faq01_icon-wrapper {
  color: #7f56d9;
  margin-left: auto;
  margin-right: auto;
}

.uui-faq01_accordion {
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.accordion-icon_vertical-line {
  background-color: var(--dark-grey);
  color: var(--light-steel-blue);
  border-radius: 0;
  width: .25rem;
  height: 3rem;
  position: absolute;
}

.accordion-icon_horizontal-line {
  background-color: var(--dark-grey);
  color: var(--rosy-brown);
  border-radius: 1px;
  width: 3rem;
  height: .25rem;
  position: absolute;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.accordion-icon_component {
  color: var(--rosy-brown);
  border: 2px #98a2b3;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: relative;
}

.uui-faq01_answer {
  overflow: hidden;
}

.uui-faq01_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.div-block-7 {
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.bullet {
  width: .6rem;
  height: .6rem;
  margin-right: 10px;
  padding-bottom: 20px;
}

.div-block-9 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.cell-2, .cell-3 {
  align-items: center;
}

.package-grid-wrapper {
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.heading-3 {
  color: var(--dim-grey);
  text-align: center;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 300;
}

.heading-3.pakete {
  margin-top: 150px;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 6rem;
}

.button {
  background-color: var(--rosy-brown);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1.5rem;
  display: block;
}

.button:hover {
  color: var(--dim-grey);
}

.button.brown {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 8px;
  margin-top: 120px;
  margin-bottom: 0;
  padding: 10px 28px;
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.button.brown:hover {
  background-color: var(--light-steel-blue-2);
  color: var(--dim-grey);
}

.kontakt-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-2 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.kontakt-logo-div {
  align-items: center;
  width: 18rem;
  margin-top: 30px;
  margin-bottom: 15px;
  display: flex;
}

.navigation-desktop {
  z-index: 100;
  background-color: var(--warmes-grau);
  position: static;
  inset: 0% 0% auto;
}

.brand {
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
  display: flex;
}

.text-block {
  color: #fff;
  letter-spacing: .7rem;
  margin-left: 30px;
  font-size: 1.25rem;
  font-weight: 400;
}

.text-block.nav-logo {
  letter-spacing: .55rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.menu-button-2 {
  margin-right: 32px;
}

.menu-button-2.w--open {
  background-color: #0000;
}

.text-block-2 {
  color: var(--white);
  text-align: center;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 3rem;
}

.nav-menu-ina-zebe {
  background-color: var(--white);
  color: var(--hellgrau);
  height: 100vh;
  margin-top: 0;
  padding-top: 120px;
  display: block;
  overflow: visible;
}

.nav-wrapper {
  color: #0000;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.quick-stack {
  grid-column-gap: 80px;
  margin-top: 40px;
}

.link-bleu {
  color: var(--light-steel-blue);
  background-color: #e5f1fd;
  text-decoration: none;
}

.link-bleu:hover {
  color: #547da7;
}

.link-bleu:active {
  color: var(--steel-blue);
}

.process-accordion-mobile {
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.body-2 {
  font-family: Lato, sans-serif;
}

.impressum-logo-section {
  justify-content: center;
  align-items: flex-start;
  padding-top: 37px;
  padding-bottom: 0;
  display: flex;
}

.impressum-text-section {
  margin-top: 60px;
}

.impressum-logo-div {
  justify-content: center;
  width: 20vw;
  display: flex;
}

.process-text-wrapper-mobile {
  width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.spacer-10-rem {
  height: 10rem;
}

.package-grid {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 600px;
  display: grid;
}

.package-grid.tablet, .package-grid.smart {
  display: none;
}

.package-background-wrapper {
  background-image: url('../images/Ina-Zebe-Beratung-Paket-02.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: auto;
}

.package-background-wrapper.m-axi {
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.package-background-wrapper.m-idi {
  background-image: url('../images/Ina-Zebe-Beratung-Paket-03.webp');
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.package-background-wrapper.m-ini {
  background-image: url('../images/Ina-Zebe-Beratung-Paket-01.webp');
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-regular {
  background-color: var(--gainsboro);
  text-decoration: none;
}

.link-regular:hover {
  color: var(--dark-grey);
  font-weight: 300;
}

.paket-head {
  color: var(--dim-grey);
  font-size: 1.25rem;
}

.text-span, .text-span-2, .text-span-3 {
  text-transform: uppercase;
}

.spacer-xl {
  height: 80px;
}

.head-circle {
  color: var(--white);
  text-align: center;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 3rem;
}

.div-block-10 {
  margin-left: auto;
  margin-right: auto;
}

.insta-icon {
  opacity: .43;
  margin-top: 62px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block-insta-link {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block-insta-link:hover {
  opacity: .6;
}

.navigation-link {
  color: var(--warmes-grau);
  text-align: center;
  -webkit-text-stroke-color: var(--warmes-grau);
  font-size: 3rem;
  font-weight: 300;
  line-height: 4rem;
}

.navigation-link:hover {
  color: var(--hellgrau);
  font-weight: 300;
}

.navigation-link:active {
  -webkit-text-stroke-color: var(--hellgrau);
}

.navigation-link:focus {
  color: var(--warmes-grau);
}

.navigation-link:focus-visible, .navigation-link[data-wf-focus-visible], .navigation-link:visited {
  -webkit-text-stroke-color: var(--warmes-grau);
}

.navigation-link.w--current {
  color: var(--warmes-grau);
}

.about-wrapper-vertical {
  max-height: 90vh;
}

@media screen and (max-width: 991px) {
  .heading-wrapper {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .welcome-grid-wrapper.desktop {
    display: none;
  }

  .welcome-grid-wrapper.mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: auto;
    display: flex;
  }

  .about-image-wrapper {
    width: 86vw;
  }

  .about-text-wrapper {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph {
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .paragraph.welcome-brown, .paragraph.welcome-ochre, .paragraph.welcome-bleu {
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph.about {
    margin-bottom: 20px;
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .process-text-wrapper-desktop {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .process-accordion-wrapper-desktop {
    display: none;
  }

  .hero-section-image-wrapper {
    height: 50vh;
  }

  .welcome-circle-div.brown {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .welcome-circle-div.ochre {
    background-color: var(--tan);
    flex-direction: column;
    margin-bottom: 40px;
    display: flex;
  }

  .welcome-circle-div.bleu {
    margin-bottom: 40px;
  }

  .div-block-7 {
    margin-bottom: 10px;
  }

  .package-grid-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: auto;
    display: block;
  }

  .button.brown {
    margin-top: 80px;
    margin-bottom: 20px;
  }

  .kontakt-section {
    margin-top: 161px;
  }

  .kontakt-text-wrapper {
    width: auto;
  }

  .welcome-grid-div-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .process-accordion-mobile {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .impressum-text-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .impressum-logo-div {
    width: 30vw;
  }

  .process-text-wrapper-mobile {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .spacer-10-rem, .package-grid.desktop {
    display: none;
  }

  .package-grid.tablet {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    height: auto;
    display: flex;
  }

  .package-grid.smart {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
    height: auto;
    display: none;
  }

  .package-background-wrapper.m-axi {
    width: 40vw;
  }

  .package-background-wrapper.m-idi {
    background-size: cover;
    width: 40vw;
    margin-bottom: 40px;
  }

  .package-background-wrapper.m-ini {
    background-size: cover;
    width: 40vw;
    height: auto;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .heading-wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .heading {
    font-size: 3rem;
  }

  .paragraph {
    display: block;
  }

  .process-text-wrapper-desktop {
    display: none;
  }

  .hero-section-image-wrapper {
    background-position: 50% 100%;
    height: 100vh;
  }

  .heading-2 {
    font-size: 2rem;
    line-height: 3rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .div-block-7 {
    align-items: flex-start;
  }

  .bullet {
    margin-top: 6px;
    padding: 0;
  }

  .div-block-9 {
    justify-content: flex-start;
  }

  .navigation-desktop {
    display: block;
  }

  .text-block {
    font-size: 1rem;
  }

  .nav-menu-ina-zebe {
    padding-top: 40px;
  }

  .process-text-wrapper-mobile {
    flex-direction: column;
    display: flex;
  }

  .spacer-10-rem {
    display: none;
  }

  .package-background-wrapper.m-axi, .package-background-wrapper.m-idi, .package-background-wrapper.m-ini {
    width: 50vw;
  }
}

@media screen and (max-width: 479px) {
  .welcome-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }

  .about-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-image-wrapper {
    width: 100%;
    margin-bottom: 2rem;
  }

  .image {
    width: 100%;
  }

  .about-text-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .paragraph.welcome-brown, .paragraph.welcome-ochre, .paragraph.welcome-bleu {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .paragraph.about {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .paragraph.faq {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .process-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .process-text-wrapper-desktop {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-section-image-wrapper {
    background-position: 50%;
    height: 50vh;
  }

  .welcome-circle-div.brown, .welcome-circle-div.ochre, .welcome-circle-div.bleu {
    width: 180px;
    height: 180px;
    margin-bottom: 20px;
  }

  .div-block-7 {
    align-items: flex-start;
  }

  .button.brown {
    margin-top: 20px;
  }

  .kontakt-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-desktop {
    display: block;
  }

  .brand {
    padding-left: 10px;
  }

  .text-block {
    letter-spacing: .3rem;
    margin-left: 10px;
    font-size: 1.25rem;
  }

  .text-block.nav-logo {
    font-size: .8rem;
  }

  .menu-button-2 {
    margin-right: 0;
  }

  .menu-button-2.w--open {
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .process-accordion-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .impressum-text-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .impressum-logo-div {
    width: 50vw;
  }

  .process-text-wrapper-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .package-background-wrapper.m-axi {
    width: 80vw;
  }

  .package-background-wrapper.m-idi {
    width: 79vw;
  }

  .package-background-wrapper.m-ini {
    width: 80vw;
  }

  .head-circle {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  .navigation-link {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

#w-node-_4e8f4cb8-20bc-06bb-1c6e-941dc2bc0cff-2cd2740b {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_1b777bdb-849f-14fa-2738-a89b31a04938-2cd2740b, #w-node-_3c2a91d6-c5e6-bf43-13b0-56f1bc7d62a5-2cd2740b, #w-node-_6bcf8267-048d-ba35-cefe-7b36a92c8c0c-2cd2740b, #w-node-_33eb1480-d5e8-ca3b-8b28-43db2ec28829-2cd2740b, #w-node-dfefe155-c80c-c1d8-9875-f02ac692da26-2cd2740b, #w-node-_107ff130-f94c-f1b6-ca70-984d471518f3-2cd2740b, #w-node-_40953a44-64ae-7a8a-b14f-26afade3e230-2cd2740b, #w-node-_51be91fe-187d-af7c-e018-91fc526c6563-2cd2740b, #w-node-_1849e86d-c7e8-8435-57de-ecf6f7532eac-2cd2740b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25c9f605-c5e8-6fc8-7983-e554ea24d89d-2cd2740b {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_25c9f605-c5e8-6fc8-7983-e554ea24d89e-2cd2740b, #w-node-_25c9f605-c5e8-6fc8-7983-e554ea24d8a1-2cd2740b, #w-node-_25c9f605-c5e8-6fc8-7983-e554ea24d8a4-2cd2740b, #w-node-_25c9f605-c5e8-6fc8-7983-e554ea24d8b0-2cd2740b, #w-node-_743c46b5-09e8-1f58-c7a3-6dadaafc9b6f-2cd2740b, #w-node-e736e9a0-b0a6-2e45-6946-97dd837b272e-2cd2740b, #w-node-_7048f3a8-b5d1-b4d5-2597-680a844f7ba9-2cd2740b, #w-node-e122ec5e-01da-bf93-98b1-c8ef472d910b-2cd2740b, #w-node-e122ec5e-01da-bf93-98b1-c8ef472d9117-2cd2740b, #w-node-e122ec5e-01da-bf93-98b1-c8ef472d9123-2cd2740b, #w-node-_992c5a56-7500-2f86-c4e8-f6bdc1b035e7-2cd2740b, #w-node-_992c5a56-7500-2f86-c4e8-f6bdc1b035f3-2cd2740b, #w-node-_992c5a56-7500-2f86-c4e8-f6bdc1b035ff-2cd2740b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}