.projectsOverviewBlock .filterWrapper {
  display: block;
  width: 47.125vw;
  margin: auto;
  text-align: center;
  margin-bottom: 3.125vw;
}
.projectsOverviewBlock .filterWrapper .tagText {
  position: relative;
  width: 100%;
  -webkit-transition: height 0.3s 0s ease-in-out;
  -moz-transition: height 0.3s 0s ease-in-out;
  -o-transition: height 0.3s 0s ease-in-out;
  transition: height 0.3s 0s ease-in-out;
}
.projectsOverviewBlock .filterWrapper .tagText .item {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(1.875vw);
  -moz-transform: translateY(1.875vw);
  -o-transform: translateY(1.875vw);
  -ms-transform: translateY(1.875vw);
  transform: translateY(1.875vw);
  -webkit-transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out;
  -moz-transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out;
  -ms-transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out;
  -o-transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out;
  transition: opacity 0.3s 0s ease-in-out, transform 0.3s 0s ease-in-out;
}
.projectsOverviewBlock .filterWrapper .tagText .item.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 0.3s;
}
.projectsOverviewBlock .projects.twoProjects .project[data-project] {
  width: calc(50% - 1.25vw);
}
.projectsOverviewBlock .projects.oneProject .project[data-project] {
  width: calc(100% - 1.25vw);
}
.projectsOverviewBlock .projects .projectWrapper {
  margin-bottom: 5vw;
  margin-left: -0.625vw;
  width: calc(100% + 1.25vw);
}
.projectsOverviewBlock .projects .project[data-project] {
  margin-bottom: 1.25vw;
}
.projectsOverviewBlock .projects .whiteSpace {
  margin: 0 0.625vw;
  display: inline-block;
  width: calc(33.3333% - 1.25vw);
}
.projectsOverviewBlock .projects .lightbarWrapper {
  height: auto;
  margin: 9.375vw 0 3.125vw 0;
  display: block;
  width: calc(100% - 8.0625vw);
  text-align: right;
}
@media all and (max-width: 1080px) {
  .projectsOverviewBlock .filterWrapper {
    width: 69.818vw;
    margin-bottom: 4.63vw;
  }
  .projectsOverviewBlock .projects .projectWrapper {
    margin-bottom: 7.407vw;
    margin-left: -0.926vw;
    width: calc(100% + 1.852vw);
  }
  .projectsOverviewBlock .projects .whiteSpace {
    margin: 0 0.926vw;
    width: calc(0% - 1.852vw);
  }
  .projectsOverviewBlock .projects .project[data-project] {
    height: 62.962vw;
    margin: 0 0.926vw;
    margin-bottom: 1.852vw;
    width: calc(50% - 1.852vw);
    -webkit-transform: translateY(9.259vw);
    -moz-transform: translateY(9.259vw);
    -o-transform: translateY(9.259vw);
    -ms-transform: translateY(9.259vw);
    transform: translateY(9.259vw);
  }
  .projectsOverviewBlock .projects .project[data-project].bigger {
    width: calc(100% - 1.852vw);
  }
  .projectsOverviewBlock .projects .project[data-project] .innerContent {
    max-width: calc(100% - 5.556vw);
  }
  .projectsOverviewBlock .projects .project[data-project] .innerContent .normalTitle {
    margin-bottom: 0.926vw;
    padding-bottom: 0.926vw;
  }
  .projectsOverviewBlock .projects .lightbarWrapper {
    margin: 13.89vw 0 4.63vw 0;
    width: calc(100% - 11.944vw);
  }
}
@media all and (max-width: 580px) {
  .projectsOverviewBlock .filterWrapper {
    width: 100%;
    margin-bottom: 8.621vw;
  }
  .projectsOverviewBlock .projects .projectWrapper {
    margin-bottom: 13.793vw;
    margin-left: -1.724vw;
    width: calc(100% + 3.448vw);
  }
  .projectsOverviewBlock .projects .whiteSpace {
    display: none;
  }
  .projectsOverviewBlock .projects .project[data-project] {
    height: 86.205vw;
    margin: 0 1.724vw;
    margin-bottom: 3.448vw;
    width: calc(100% - 3.448vw);
    -webkit-transform: translateY(17.241vw);
    -moz-transform: translateY(17.241vw);
    -o-transform: translateY(17.241vw);
    -ms-transform: translateY(17.241vw);
    transform: translateY(17.241vw);
  }
  .projectsOverviewBlock .projects .project[data-project].bigger {
    width: calc(100% - 3.448vw);
  }
  .projectsOverviewBlock .projects .project[data-project] .innerContent {
    max-width: calc(100% - 10.345vw);
  }
  .projectsOverviewBlock .projects .project[data-project] .innerContent .normalTitle {
    margin-bottom: 1.724vw;
    padding-bottom: 1.724vw;
  }
  .projectsOverviewBlock .projects .project[data-project] .imageWrapper .innerImage:after {
    opacity: 0.6;
  }
  .projectsOverviewBlock .projects .lightbarWrapper {
    margin: 25.863vw 0 8.621vw 0;
    width: calc(100% - 22.241vw);
  }
}