/* This source code is exported from pxCode, you can get more document from https://www.pxcode.io */
.root {
  display: flex;
  flex-direction: column;
  background: var(--src) center center/cover no-repeat;
  background-color: white;
}

.root.layout {
  position: relative;
  overflow: hidden;
}

.flex {
  display: flex;
  flex-direction: column;
}

.flex.layout {
  position: absolute;
  top: 27px;
  height: 156px;
  left: 376.5px;
  width: 752px;
}
@media (max-width: 991px) {
  .flex.layout {
    left: 81.5px;
  }
}

.hero_title1 {
  font: 400 80px/1.2 "Montserrat", Helvetica, Arial, serif;
  color: white;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .hero_title1 {
    font-size: 70px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .hero_title1 {
    font-size: 58px;
  }
}
@media (max-width: 767px) {
  .hero_title1 {
    font-size: 49px;
  }
}
@media (max-width: 575px) {
  .hero_title1 {
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .hero_title1 {
    font-size: 39px;
  }
}
@media (max-width: 383px) {
  .hero_title1 {
    font-size: 36px;
  }
}

.hero_title1.layout {
  position: relative;
}

.hero_title {
  font: 400 50px/1.2 "Montserrat", Helvetica, Arial, serif;
  color: white;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .hero_title {
    font-size: 44px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .hero_title {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .hero_title {
    font-size: 33px;
  }
}
@media (max-width: 575px) {
  .hero_title {
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .hero_title {
    font-size: 28px;
  }
}
@media (max-width: 383px) {
  .hero_title {
    font-size: 26px;
  }
}

.hero_title.layout {
  position: relative;
  margin: 0px 29px 0px 11px;
}
@media (max-width: 1199px) {
  .hero_title.layout {
    margin: 0px 25px 0px 10px;
  }
}
@media (max-width: 991px) {
  .hero_title.layout {
    margin: 0px 22px 0px 8px;
  }
}
@media (max-width: 767px) {
  .hero_title.layout {
    margin: 0px 18px 0px 7px;
  }
}
@media (max-width: 575px) {
  .hero_title.layout {
    margin: 0px 17px 0px 6px;
  }
}
@media (max-width: 479px) {
  .hero_title.layout {
    margin: 0px 15px 0px 6px;
  }
}
@media (max-width: 383px) {
  .hero_title.layout {
    margin: 0px 14px 0px 5px;
  }
}

.flex.layout2 {
  position: relative;
  flex-grow: 1;
  width: 57.43%;
  margin: 900px auto 10px;
}
@media (max-width: 991px) {
  .flex.layout2 {
    width: 64.28%;
  }
}
@media (max-width: 767px) {
  .flex.layout2 {
    width: 70.59%;
  }
}
@media (max-width: 575px) {
  .flex.layout2 {
    width: 76.18%;
  }
}
@media (max-width: 479px) {
  .flex.layout2 {
    width: 81.01%;
  }
}
@media (max-width: 383px) {
  .flex.layout2 {
    width: 85.05%;
  }
}

.flex1 {
  display: flex;
}
@media (max-width: 1199px) {
  .flex1 {
    flex-wrap: wrap;
    align-content: flex-start;
    -moz-column-gap: 0px;
    column-gap: 0px;
    row-gap: 16px;
  }
}

.flex1.layout {
  position: relative;
}

.flex1 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 197px;
}
@media (max-width: 1199px) {
  .flex1 > .item {
    flex: 0 0 100%;
  }
}

.adress {
  font: 500 20px/1.2 "Montserrat", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
}
@media (max-width: 1199px) {
  .adress {
    font-size: 19px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .adress {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .adress {
    font-size: 17px;
  }
}
@media (max-width: 479px) {
  .adress {
    font-size: 16px;
  }
}

.adress.layout {
  position: relative;
  flex-grow: 1;
  margin: 0px 64px 0px 0px;
}

.flex1 > .spacer {
  flex: 1 1 42px;
}
@media (max-width: 1199px) {
  .flex1 > .spacer {
    display: none;
  }
}

.flex1 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 138px;
}
@media (max-width: 1199px) {
  .flex1 > .item1 {
    flex: 0 0 100%;
  }
}

.flex2 {
  display: flex;
}

.flex2.layout {
  position: relative;
  flex-grow: 1;
  margin: 15px 0px 21px;
}

.flex2 > .item {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 36px;
}

.linkedIn {
  width: 100%;
  height: auto;
  cursor: pointer;
  vertical-align: top;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.linkedIn.layout {
  position: relative;
  width: 36px;
  min-width: 36px;
}

.flex2 > .spacer {
  flex: 0 1 12px;
}

.flex2 > .item1 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 1 37px;
}

.xing {
  width: 100%;
  height: auto;
  cursor: pointer;
  vertical-align: top;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.xing.layout {
  position: relative;
  width: 37px;
  min-width: 37px;
}

.flex2 > .spacer1 {
  flex: 0 1 17px;
}

.mail {
  width: 100%;
  height: auto;
  cursor: pointer;
  vertical-align: top;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.mail.layout {
  position: relative;
  width: 36px;
  min-width: 36px;
}

.flex1 > .spacer1 {
  flex: 1 1 41px;
}
@media (max-width: 1199px) {
  .flex1 > .spacer1 {
    display: none;
  }
}

.flex1 > .item2 {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 409px;
}
@media (max-width: 1199px) {
  .flex1 > .item2 {
    flex: 0 0 100%;
  }
}

.group {
  display: flex;
  flex-direction: column;
}

.group.layout {
  position: relative;
  flex-grow: 1;
  margin: 0px 50px 0px 0px;
}

.flex.layout1 {
  position: relative;
  flex-grow: 1;
  margin: 0px 0px 24px 29px;
}

.contact {
  font: 500 20px/1.2 "Montserrat", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .contact {
    font-size: 19px;
    text-align: left;
  }
}
@media (max-width: 991px) {
  .contact {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .contact {
    font-size: 17px;
  }
}
@media (max-width: 479px) {
  .contact {
    font-size: 16px;
  }
}

.contact.layout {
  position: relative;
}

.small_text_body {
  font: 500 10px/1.2 "Montserrat", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 0px;
}

.small_text_body.layout {
  position: relative;
  width: 58.4%;
  margin: 30px auto 0px;
}
@media (max-width: 575px) {
  .small_text_body.layout {
    width: 65.18%;
  }
}
@media (max-width: 479px) {
  .small_text_body.layout {
    width: 71.4%;
  }
}
@media (max-width: 383px) {
  .small_text_body.layout {
    width: 76.9%;
  }
}