/* @trumpf/ux.integration-web-styleguide v1.7.1-feature-DEVITAPPTRCOM-10571-template-vorschlag.470603 */ 
.ux-iws-icons-square::before, .ux-iws-icons-square::after {
  content: " ";
  display: table;
}
.ux-iws-icons-square::after {
  clear: both;
}
.ux-iws-icons-square__block {
  padding: 20px 30px 45px;
}
.ux-iws-icons-square.background-sf-2, .ux-iws-icons-square.background2, .ux-iws-icons-square.background3, .ux-iws-icons-square.background-el {
  background-size: cover;
  padding: 60px 0 30px;
  margin-bottom: 30px;
}
.ux-iws-icons-square.background-sf-2 .ux-text-title, .ux-iws-icons-square.background2 .ux-text-title, .ux-iws-icons-square.background3 .ux-text-title, .ux-iws-icons-square.background-el .ux-text-title {
  font-size: 15px;
}
.ux-iws-icons-square.background1 {
  background-size: cover;
  padding: 60px 0 30px;
  margin-bottom: 30px;
}
.ux-iws-icons-square-longBackground1 {
  background-size: cover;
  background-position: center bottom;
  padding: 60px 0 300px;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .ux-iws-icons-square-longBackground1 {
    padding: 45px 0 360px;
  }
}
@media (min-width: 1440px) {
  .ux-iws-icons-square-longBackground1 {
    padding: 60px 0 540px;
  }
}
@media (min-width: 568px) and (max-width: 1024px) {
  .ux-iws-icons-square-longBackground1 {
    padding: 50px 0 360px;
  }
}
@media (max-width: 567px) {
  .ux-iws-icons-square-longBackground1 {
    padding-top: 30px;
    padding-bottom: 29px;
    margin-bottom: 30px;
  }
}
@media (max-width: 567px) {
  .ux-iws-icons-square-longBackground1 .gr-5 {
    margin: 15px 0;
  }
}

/*# sourceMappingURL=icon-square-module.css.map */