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

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Fira Sans Condensed;
  src: url('../fonts/FiraSansCondensed-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: Montserrat Alternates;
  src: url('../fonts/MontserratAlternates-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  --white-smoke: whitesmoke;
  --white: white;
  --black: black;
  --hellgrau: #e7e7e7;
  --thoene_blau: #283a65;
  --hellblau_thöne: #d4d8e0;
}

body {
  color: #333;
  font-family: Fira Sans Condensed, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 45px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 500;
  line-height: 45px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 300;
  line-height: 42px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
}

a {
  color: #242424;
  text-decoration: underline;
}

.slider_start_vh {
  height: 60vh;
  margin-top: 79px;
}

.slide_1 {
  background-image: url('../images/Elzstraße-Köln.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide_2 {
  background-image: url('../images/Deutscher-Orden-Köln-1.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide_3 {
  background-image: url('../images/Eichendorfstraße-Koblenz-1.JPG');
  background-position: 50% 39%;
  background-repeat: no-repeat;
  background-size: cover;
}

._w-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.abbinder {
  color: #dcdcdc;
  background-image: radial-gradient(circle, #414141 31%, #0f0f0f);
  padding-top: 40px;
  padding-bottom: 30px;
}

.oben_40 {
  margin-top: 40px;
}

.trenner_rechts {
  border-bottom: 0 solid #d4d8e0;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 1px;
}

.textbox {
  border-left: 2px solid #e7e7e7;
  padding-left: 40px;
}

.logo_kreis {
  z-index: 9;
  text-align: center;
  background-image: url('../images/swen_thoene_logo_sw_2.png'), url('../images/thöne_grafiken_kreis_unten.svg');
  background-position: 50% 4%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 170px, 200px;
  width: 190px;
  height: 105px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.unter_text {
  text-align: left;
  background-color: #0000;
  border-bottom: 1px solid #d4d8e0;
  padding: 20px 15px 10px 0;
  position: relative;
}

.bg_ohne {
  padding: 60px 20px;
}

.bg_ohne.oben_-70 {
  margin-top: -1px;
}

.center {
  text-align: center;
}

.nav_bar_l {
  float: left;
  background-color: #0000;
  width: 100%;
  margin-top: -10px;
}

.brand_r {
  display: none;
}

.nav_link {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 20px;
  font-size: 15px;
  display: inline-block;
}

.nav_link.w--current {
  color: #333;
  font-weight: 600;
}

.nav_link.dis_none {
  display: none;
}

.nav_bar_r {
  text-align: left;
  background-color: #0000;
  margin-top: -10px;
}

.nav_menu_r {
  float: left;
  padding-right: 250px;
}

.logo_navi_fix {
  background-color: #fff;
  padding-top: 41px;
  display: block;
}

.roller {
  color: #fff;
  background-image: linear-gradient(#283a65e6, #283a65e6), url('../images/thoene_metallbau_roll_picture.jpg'), url('../images/44434737-Bild-von-Laser-das-Metallschneiden-close-up-Lizenzfreie-Bilder.jpg');
  background-position: 0 0, 50%, 50%;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, cover, cover;
  background-attachment: scroll, fixed, fixed;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 16px;
  line-height: 24px;
}

.oben_20 {
  margin-top: 20px;
}

.oben_10 {
  margin-top: 10px;
}

.links_footer {
  float: left;
  clear: left;
  color: #dcdcdc;
  font-size: 15px;
  text-decoration: none;
}

.box_unterstrich {
  border-bottom: 0 dotted #f5f5f5;
  margin-right: 60px;
}

.oben_60 {
  margin-top: 60px;
}

.mehr_button {
  height: 5px;
}

.bildbereich_folgeseiten {
  height: 300px;
  margin-top: 80px;
}

.bildbereich_folgeseiten.stahltreppen {
  background-image: url('../images/Breitestraße-Siegburg-1.JPG'), linear-gradient(#0000004d, #0000004d), url('../images/Schule-Lülsdorf.jpg');
  background-position: 50% -178px, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat-x;
  background-size: auto, auto, 600px;
}

.bildbereich_folgeseiten.stahlbau {
  background-image: linear-gradient(#0003, #0003), url('../images/Hotel-Kranz-2.JPG');
  background-position: 0 0, 50% 20%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.bildbereich_folgeseiten.gelaender {
  background-image: linear-gradient(#0003, #0003), url('../images/Nöbel-4.JPG');
  background-position: 0 0, 50% 56%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.bildbereich_folgeseiten.balkone {
  background-image: url('../images/Vingst-Köln-1.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bildbereich_folgeseiten.tore {
  background-image: url('../images/Tor_thoene_metallbau.jpg');
  background-position: 50% 32%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bildbereich_folgeseiten.ueberdachungen {
  background-image: url('../images/ueberdachungen2_thoene_metallbau_3.jpg');
  background-position: 50% 36%;
  background-repeat: no-repeat;
  background-size: cover;
}

.textbox_folge {
  border-left: 2px solid #e7e7e7;
  padding-left: 40px;
}

.bg_hellgrau {
  background-color: #e7e7e7;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.slide_4 {
  background-image: url('../images/20170310_095744_1489136402188_resized.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide_5 {
  background-image: url('../images/IMG_2569.JPG');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.zeitbox {
  border-left: 3px solid #d4d8e0;
  padding-bottom: 5px;
  padding-left: 40px;
  padding-right: 20px;
  position: relative;
}

.zeitkreis {
  background-color: #fff;
  border: 2px solid #283a65;
  border-radius: 360px;
  width: 19px;
  height: 19px;
  position: relative;
  left: -51px;
  right: -31px;
}

.ereignis {
  position: relative;
  top: -25px;
}

.slider_right_arrow, .slider_left_arrow {
  display: none;
}

.textbox_invers {
  border-right: 2px solid #fff;
  padding-right: 40px;
}

.links_20 {
  margin-left: 20px;
}

.heading-5 {
  font-size: 24px;
  line-height: 36px;
}

.nav_link_hidden {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 20px;
  font-size: 15px;
  display: none;
}

.nav_link_hidden.w--current {
  color: #333;
  font-weight: 600;
}

.lll {
  margin-bottom: 20px;
}

.aufzaehlung {
  padding-left: 14px;
  list-style-type: decimal;
}

.aufzaehlungspunkt {
  margin-bottom: 5px;
  padding-left: 5px;
}

.alphabetische_liste {
  padding-left: 14px;
  list-style-type: lower-alpha;
}

.link_email {
  color: #333;
  text-decoration: none;
}

.link_email.footer {
  color: #dcdcdc;
}

.anrede {
  float: left;
  width: 24%;
}

.text-field {
  float: right;
  width: 74%;
}

.telefon {
  float: left;
  width: 49%;
}

.text-field-2 {
  float: right;
  width: 49%;
}

.nachricht {
  min-height: 150px;
}

.submit_btn {
  color: #333;
  background-color: #dcdcdc;
  width: 100%;
}

.kontaktformular {
  background-color: #e7e7e7;
  margin-top: 40px;
  padding: 80px;
}

.bg_navi {
  z-index: 200;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar_50_l {
  z-index: 0;
  float: left;
  background-color: #fff;
  width: 50%;
  padding-right: 140px;
}

.navbar_50_rechts {
  z-index: 0;
  float: left;
  background-color: #fff;
  width: 50%;
  padding-left: 140px;
}

.logo_kreis_2 {
  z-index: 1000;
  background-color: #fff;
  background-image: url('../images/swen_thoene_logo_sw_2.png');
  background-position: 50% 13%;
  background-repeat: no-repeat;
  background-size: 170px;
  border-bottom-right-radius: 360px;
  border-bottom-left-radius: 360px;
  width: 210px;
  height: 105px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 31px;
  left: 0;
  right: 0;
}

.nav_link_left {
  padding-top: 50px;
  padding-bottom: 10px;
  padding-right: 0;
  font-size: 15px;
}

.nav_link_left.w--current {
  color: #333;
  font-weight: 500;
}

.nav_menu_rechts {
  float: left;
}

.nav_link_right {
  padding: 50px 20px 10px 0;
  font-size: 15px;
}

.nav_link_right.w--current {
  color: #333;
  font-weight: 500;
}

.zertifiziertes_unternehmen {
  color: #283a65;
  width: 66%;
  margin-top: 10px;
  font-size: 15px;
}

.email_link {
  color: #333;
  text-decoration: none;
}

.table_mobile {
  display: none;
}

.bg_bild {
  background-image: url('../images/Foto-Nr_1.jpg');
  background-position: 50% 67%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 200px;
  padding-bottom: 200px;
}

.dropdown-toggle {
  padding: 50px 20px 10px 0;
  font-size: 15px;
}

.karriere-btn {
  color: #fff;
  background-color: #723737;
  width: 100%;
  padding: 40px;
  font-size: 30px;
  font-style: normal;
  line-height: 40px;
  text-decoration: none;
}

.div-block, .div-block-2 {
  text-align: center;
}

.heading-7 {
  text-align: center;
  margin-bottom: 40px;
}

.text-block {
  font-size: 30px;
}

.heading-8 {
  text-align: center;
}

.list {
  padding-left: 20px;
}

.link_15 {
  padding-bottom: 10px;
  font-size: 15px;
}

.abstand_40 {
  margin-bottom: 40px;
}

.heading-9 {
  text-align: center;
}

.heading-9.abstand_40 {
  text-align: left;
}

.abstand_20 {
  margin-bottom: 20px;
}

.box-grau {
  background-color: var(--white-smoke);
  padding: 30px;
}

html.w-mod-js [data-ix="zoom-on-hover"] {
  opacity: 1;
}

@media screen and (max-width: 991px) {
  h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .abbinder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .textbox {
    padding-left: 25px;
  }

  .unter_text {
    border-bottom-width: 0;
  }

  .bg_ohne.oben_-70 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nav_bar_l {
    display: none;
  }

  .nav_link {
    float: none;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .nav_menu_r {
    background-color: #e7e7e7;
    margin-top: -10px;
  }

  .roller {
    padding-left: 20px;
    padding-right: 20px;
  }

  .oben_60 {
    margin-top: 30px;
  }

  .textbox_folge {
    border-top: 2px solid #e7e7e7;
    border-left-width: 0;
    padding-top: 20px;
    padding-left: 0;
  }

  .bg_hellgrau {
    padding: 20px;
  }

  .nav_link_hidden {
    text-align: left;
    background-color: #d4d8e0;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    display: block;
  }

  .nav_link_hidden.w--current {
    background-color: #d4d8e0;
    position: relative;
  }

  .menu-button {
    color: #333;
    margin-top: -8px;
    font-size: 30px;
  }

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

  .icon {
    color: #333;
  }

  .agb_links, .haftungsausschluss_links, .partner_links {
    margin-bottom: 20px;
  }

  .anrede {
    width: 29%;
  }

  .text-field {
    width: 69%;
  }

  .kontaktformular {
    padding-left: 80px;
    padding-right: 80px;
  }

  .bg_navi {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .navbar_50_l {
    display: none;
  }

  .navbar_50_rechts {
    float: right;
  }

  .nav_menu_rechts {
    background-color: #d4d8e0;
    padding-top: 50px;
  }

  .nav_link_right {
    text-align: left;
    background-color: #d4d8e0;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .menu_button {
    padding-top: 36px;
    font-size: 36px;
  }

  .menu_button.w--open {
    color: #333;
    background-color: #0000;
    font-size: 36px;
  }

  .bg_bild {
    background-position: 0 -73px;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .dropdown {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .slider_start_vh {
    height: 50vh;
  }

  .bild {
    margin-bottom: 20px;
  }

  .textbox {
    border-top: 2px solid #e7e7e7;
    border-left-width: 0;
    padding-top: 20px;
    padding-left: 0;
  }

  .bg_ohne, .bg_ohne.oben_-70, .roller {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .oben_60 {
    margin-top: 0;
  }

  .textbox_invers {
    border-bottom: 2px solid #fff;
    border-right-width: 0;
    padding-bottom: 20px;
  }

  .links_20 {
    margin-left: 0;
    padding-top: 20px;
  }

  .anschrift_footer, .kontakt_footer, .linkliste_footer {
    margin-top: 20px;
  }

  .lll {
    margin-bottom: 20px;
  }

  .kontaktformular {
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav_link_right {
    width: 100%;
  }

  .menu_button {
    padding-top: 38px;
  }

  .historie, .impressum {
    margin-top: 20px;
  }

  .bg_bild {
    background-position: 50% 68%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .box-grau {
    margin-bottom: 20px;
  }

  .dropdown {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
  }

  .nav_menu_r {
    margin-left: -74px;
  }

  .anschrift_footer {
    margin-top: 20px;
  }

  .anrede {
    width: 100%;
  }

  .text-field {
    float: none;
    clear: both;
    width: 100%;
  }

  .telefon, .text-field-2 {
    width: 100%;
  }

  .kontaktformular {
    padding: 20px;
  }

  .menu_button {
    padding-top: 41px;
    padding-right: 12px;
    font-size: 32px;
  }

  .heading-6 {
    line-height: 22px;
  }

  .table_disa {
    display: none;
  }

  .table_mobile {
    display: block;
  }

  .bg_bild {
    background-position: 50%;
    background-size: cover;
  }

  .dropdown-toggle {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }
}


@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans Condensed';
  src: url('../fonts/FiraSansCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Alternates';
  src: url('../fonts/MontserratAlternates-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}