.u-section-1 {
  background-image: none;
}

.u-section-1 .u-sheet-1 {
  min-height: 1020px;
}

.u-section-1 .u-shape-1 {
  
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  height: 822px;
  margin-top: 42px;
  margin-bottom: 0;
}

.u-section-1 .u-layout-wrap-1 {
  margin-top: -800px;
  margin-bottom: 0;
}

.u-section-1 .u-layout-cell-1 {
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  min-height: 471px;
}

.u-section-1 .u-container-layout-1 {
  padding: 1px 0;
}

.u-section-1 .u-text-1 {
  --animation-custom_in-scale: 0.3;
  background-image: none;
  margin: 22px 692px 0 25px;
}

.u-section-1 .u-text-2 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 27px 700px 0 25px;
}

.u-section-1 .u-btn-1 {
  
  font-size: 1.25rem;
  letter-spacing: 0px;
  font-weight: 700;
  background-image: none;
  text-transform: none;
  margin: 76px auto 0 25px;
}

.u-section-1 .u-layout-wrap-2 {
  margin-top: 15px;
  margin-bottom: 0;
  background-image: none;
}

.u-section-1 .u-layout-cell-2 {
  min-height: 187px;
  background-image: none;
}

.u-section-1 .u-container-layout-2 {
  padding: 10px 0;
}

.u-section-1 .u-icon-1 {
  width: 64px;
  height: 64px;
  margin: 22px auto 0;
}

.u-section-1 .u-text-3 {
  font-size: 1rem;
  width: 199px;
  margin: 9px auto 0;
}

.u-section-1 .u-btn-2 {
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: none;
  padding: 20px 10px 20px 8px;
}

.u-section-1 .u-layout-cell-3 {
  min-height: 187px;
  background-image: none;
}

.u-section-1 .u-container-layout-3 {
  padding: 30px 23px 11px;
}

.u-section-1 .u-icon-2 {
  width: 64px;
  height: 64px;
  margin: 0 auto;
}

.u-section-1 .u-text-4 {
  width: 151px;
  margin: 13px auto 0;
}

.u-section-1 .u-btn-3 {
  font-size: 1rem;
  letter-spacing: 0px;
  font-weight: 700;
  text-transform: none;
  padding: 19px 7px 21px;
}

.u-section-1 .u-layout-cell-4 {
  min-height: 187px;
  background-image: none;
}

.u-section-1 .u-container-layout-4 {
  padding: 11px 12px;
}

.u-section-1 .u-icon-3 {
  width: 64px;
  height: 64px;
  margin: 19px auto 0;
}

.u-section-1 .u-text-5 {
  width: 212px;
  margin: 13px auto 0;
}

.u-section-1 .u-btn-4 {
  font-size: 1rem;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  padding: 20px 6px 20px 5px;
}

.u-section-1 .u-layout-wrap-3 {
  margin-top: 25px;
  margin-bottom: 60px;
}

.u-section-1 .u-layout-cell-5 {
  min-height: 160px;
}

.u-section-1 .u-container-layout-5 {
  padding: 0;
}

.u-section-1 .u-icon-4 {
  width: 84px;
  height: 84px;
  transition-duration: 0.5s;
  box-shadow: 0px 0px 0px rgba(0,0,0,0);
  text-shadow: 0px 0px 0px rgba(0,0,0,0);
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
  margin: 0 auto 0 -7px;
  padding: 17px;
}

.u-section-1 .u-text-6 {
  margin: -69px 4px 0 73px;
}

.u-section-1 .u-layout-cell-6 {
  min-height: 160px;
}

.u-section-1 .u-container-layout-6 {
  padding: 0;
}

.u-section-1 .u-icon-5 {
  width: 49px;
  height: 49px;
  margin: 15px auto 0 0;
  padding: 0;
}

.u-section-1 .u-text-7 {
  margin: -49px 13px 0 64px;
}

.u-section-1 .u-layout-cell-7 {
  min-height: 160px;
}

.u-section-1 .u-container-layout-7 {
  padding: 11px 0;
}

.u-section-1 .u-text-8 {
  margin: 4px 0 0 60px;
}

.u-section-1 .u-icon-6 {
  width: 49px;
  height: 49px;
  margin: -86px auto 0 0;
  padding: 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 748px;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 388px;
    background-position: 50% 50%;
  }

  .u-section-1 .u-text-1 {
    margin-right: 516px;
    margin-left: 0;
  }

  .u-section-1 .u-text-2 {
    margin-right: 525px;
    margin-left: 0;
  }

  .u-section-1 .u-btn-1 {
    margin-left: 0;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 154px;
  }

  .u-section-1 .u-btn-2 {
    border-style: none;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 154px;
  }

  .u-section-1 .u-text-4 {
    width: 184px;
  }

  .u-section-1 .u-btn-3 {
    border-style: none;
  }

  .u-section-1 .u-layout-cell-4 {
    min-height: 154px;
  }

  .u-section-1 .u-btn-4 {
    border-style: none;
  }

  .u-section-1 .u-layout-cell-5 {
    min-height: 192px;
  }

  .u-section-1 .u-text-6 {
    width: auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 10px;
  }

  .u-section-1 .u-layout-cell-6 {
    min-height: 192px;
  }

  .u-section-1 .u-text-7 {
    width: auto;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 0;
  }

  .u-section-1 .u-layout-cell-7 {
    min-height: 192px;
  }

  .u-section-1 .u-container-layout-7 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-1 .u-text-8 {
    width: auto;
    margin-top: 84px;
    margin-left: 0;
  }

  .u-section-1 .u-icon-6 {
    margin-top: -156px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-1 {
    margin-right: 296px;
  }

  .u-section-1 .u-text-2 {
    margin-right: 305px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-layout-cell-3 {
    min-height: 100px;
  }

  .u-section-1 .u-layout-cell-4 {
    min-height: 100px;
  }

  .u-section-1 .u-layout-cell-5 {
    min-height: 203px;
  }

  .u-section-1 .u-container-layout-5 {
    padding: 0;
  }

  .u-section-1 .u-icon-4 {
    margin-left: 0;
  }

  .u-section-1 .u-text-6 {
    margin-left: 0;
  }

  .u-section-1 .u-layout-cell-6 {
    min-height: 203px;
  }

  .u-section-1 .u-container-layout-6 {
    padding: 0;
  }

  .u-section-1 .u-icon-5 {
    margin-top: 17px;
  }

  .u-section-1 .u-text-7 {
    margin-top: 18px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-layout-cell-7 {
    min-height: 203px;
  }

  .u-section-1 .u-container-layout-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-8 {
    margin-right: -4px;
    margin-left: 4px;
  }

  .u-section-1 .u-icon-6 {
    margin-top: -174px;
    margin-left: 4px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 948px;
  }

  .u-section-1 .u-text-1 {
    margin-right: 216px;
  }

  .u-section-1 .u-text-2 {
    margin-right: 225px;
  }

  .u-section-1 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-1 .u-layout-cell-5 {
    min-height: 132px;
  }

  .u-section-1 .u-icon-4 {
    margin-top: -9px;
    margin-left: -17px;
  }

  .u-section-1 .u-text-6 {
    margin-top: -7px;
  }

  .u-section-1 .u-layout-cell-6 {
    min-height: 100px;
  }

  .u-section-1 .u-layout-cell-7 {
    min-height: 160px;
  }

  .u-section-1 .u-text-8 {
    margin-top: 73px;
  }

  .u-section-1 .u-icon-6 {
    margin-top: -122px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 1504px;
  }

  .u-section-1 .u-text-1 {
    margin-right: 0;
  }

  .u-section-1 .u-text-2 {
    margin-right: 0;
  }

  .u-section-1 .u-layout-wrap-3 {
    margin-bottom: 0;
  }

  .u-section-1 .u-layout-cell-5 {
    min-height: 130px;
  }

  .u-section-1 .u-icon-4 {
    margin-top: -11px;
  }

  .u-section-1 .u-text-6 {
    margin-top: -8px;
  }

  .u-section-1 .u-layout-cell-7 {
    min-height: 174px;
  }

  .u-section-1 .u-text-8 {
    margin-top: 76px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-1 .u-icon-6 {
    margin-top: -147px;
    margin-left: 0;
  }
}

.u-section-1 .u-icon-4,
.u-section-1 .u-icon-4:before,
.u-section-1 .u-icon-4 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-1 .u-icon-4.u-icon-4.u-icon-4:hover {
  stroke-width: 0px !important;
  box-shadow: 0px 0px 0px  rgba(0,0,0,0) !important;
  transform: translateX(0px) translateY(0px) scale(1.1) rotate(0deg) !important;
  text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}

.u-section-1 .u-icon-4 {
  stroke-width: 0 !important;
  stroke: transparent !important;
  border-color: transparent !important;
}

.u-section-1 .u-icon-4.u-icon-4.u-icon-4.hover {
  stroke-width: 0px !important;
  box-shadow: 0px 0px 0px  rgba(0,0,0,0) !important;
  transform: translateX(0px) translateY(0px) scale(1.1) rotate(0deg) !important;
  text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}

.u-section-1 .u-icon-4 {
  stroke-width: 0 !important;
  stroke: transparent !important;
  border-color: transparent !important;
}

.u-section-1 .u-container-layout:hover .u-icon-4 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-container-layout.hover .u-section-1 .u-icon-4 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}.main-bg {
  background-image:
    linear-gradient(to bottom right,
      rgba(255,255,255,0.8) 0%,
      rgba(255,255,255,0.6) 50%,
      rgba(255,255,255,0.0) 100%),
    url(./images/handwerkeroffice.webp);
  background-size: cover;
  background-position: center;
}