.u-section-1 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('images/naturschutz-header.jpg');
  background-position: 50% 50%;
}

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

.u-section-1 .u-text-1 {
  margin: 232px auto 0;
}

.u-section-1 .u-text-2 {
  font-weight: 400;
  margin: 63px auto 60px;
}

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

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

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

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

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 172px;
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin: 26px 25px 28px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 424px;
}

.u-section-2 .u-list-1 {
  margin-top: 30px;
  margin-bottom: 4px;
}

.u-section-2 .u-repeater-1 {
  min-height: 390px;
  grid-template-columns: repeat(4, calc(25% - 7.5px));
  grid-auto-columns: calc(25% - 7.5px);
  --gap: 10px;
}

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

.u-section-2 .u-image-1 {
  height: 298px;
  object-position: 3.61% 50%;
  margin: 0;
}

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

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

.u-section-2 .u-image-2 {
  height: 298px;
  margin: 0;
}

.u-section-2 .u-text-2 {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 30px 0 0;
}

.u-section-2 .u-container-layout-3 {
  padding: 4px 4px 0;
}

.u-section-2 .u-image-3 {
  height: 298px;
  margin: 0;
}

.u-section-2 .u-text-3 {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 30px 0 0;
}

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

.u-section-2 .u-image-4 {
  height: 298px;
  margin: 0;
}

.u-section-2 .u-text-4 {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 30px 0 0;
}

@media (max-width: 1399px) {
  .u-section-2 .u-repeater-1 {
    min-height: 337px;
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-gap: 10px;
  }

  .u-section-2 .u-image-1 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-2 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-3 {
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-4 {
    object-position: 50% 42.9%;
    margin-right: initial;
    margin-left: initial;
  }
}

@media (max-width: 1199px) {
  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(25% - 7.5px);
    grid-template-columns: repeat(4, calc(25% - 7.5px));
    min-height: 278px;
  }

  .u-section-2 .u-image-1 {
    height: 236px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-2 {
    height: 236px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-3 {
    height: 236px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-4 {
    height: 236px;
    margin-right: initial;
    margin-left: initial;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 881px;
  }

  .u-section-2 .u-list-1 {
    margin-bottom: 0;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
    min-height: 852px;
  }

  .u-section-2 .u-image-1 {
    height: 279px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-2 {
    height: 279px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-3 {
    height: 279px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-4 {
    height: 279px;
    margin-right: initial;
    margin-left: initial;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
    grid-template-columns: 100%;
  }

  .u-section-2 .u-image-1 {
    height: 484px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-2 {
    height: 484px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-3 {
    height: 484px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-image-4 {
    height: 484px;
    margin-right: initial;
    margin-left: initial;
  }
}

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

  .u-section-2 .u-list-1 {
    margin-top: 9px;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: 100%;
  }

  .u-section-2 .u-image-1 {
    height: 298px;
    margin-top: 21px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-1 {
    width: auto;
    margin-top: 28px;
  }

  .u-section-2 .u-image-2 {
    height: 298px;
    margin-top: 21px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-2 {
    width: auto;
    margin-top: 28px;
  }

  .u-section-2 .u-image-3 {
    height: 298px;
    margin-top: 21px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-3 {
    width: auto;
    margin-top: 28px;
  }

  .u-section-2 .u-image-4 {
    height: 298px;
    margin-top: 21px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-4 {
    width: auto;
    margin-top: 28px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 691px;
}

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

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

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

.u-section-3 .u-text-1 {
  font-weight: 700;
  margin: 0 5px;
}

.u-section-3 .u-layout-wrap-2 {
  margin-top: 30px;
  margin-bottom: 0;
}

.u-section-3 .u-layout-cell-2 {
  min-height: 579px;
}

.u-section-3 .u-container-layout-2 {
  padding: 0;
}

.u-section-3 .u-text-2 {
  margin: 0 5px;
}

.u-section-3 .u-text-3 {
  background-image: none;
  font-weight: 700;
  margin: 20px 5px 0;
}

.u-section-3 .u-text-4 {
  line-height: 2;
  margin: 12px 5px 0;
}

.u-section-3 .u-text-5 {
  margin: 20px -655px 0 5px;
}

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

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

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

.u-section-3 .u-text-7 {
  line-height: 2;
  margin: 20px 0 0;
}

@media (max-width: 1399px) {
  .u-section-3 .u-sheet-1 {
    min-height: 720px;
  }

  .u-section-3 .u-layout-wrap-1 {
    margin-right: initial;
    margin-left: initial;
  }

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

  .u-section-3 .u-layout-wrap-2 {
    margin-bottom: 18px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 611px;
  }

  .u-section-3 .u-text-2 {
    width: auto;
    margin-top: -1px;
  }

  .u-section-3 .u-text-3 {
    margin-top: 17px;
  }

  .u-section-3 .u-text-4 {
    margin-top: 24px;
  }

  .u-section-3 .u-text-5 {
    width: auto;
    margin-right: -570px;
  }

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

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

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

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

  .u-section-3 .u-layout-cell-2 {
    background-position: 50% 50%;
    min-height: 635px;
  }

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

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

  .u-section-3 .u-text-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-5 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -112px;
  }

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

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 927px;
  }

  .u-section-3 .u-layout-wrap-1 {
    margin-top: 0;
    margin-right: initial;
    margin-left: initial;
  }

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

  .u-section-3 .u-text-1 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .u-section-3 .u-layout-wrap-2 {
    margin-bottom: 60px;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 723px;
  }

  .u-section-3 .u-text-2 {
    margin-top: 0;
    margin-right: auto;
    margin-left: 5px;
  }

  .u-section-3 .u-text-3 {
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .u-section-3 .u-text-4 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .u-section-3 .u-text-5 {
    margin-right: -355px;
    margin-bottom: -54px;
    margin-left: 5px;
  }

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

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

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

  .u-section-3 .u-layout-cell-2 {
    min-height: 596px;
    order: 1;
  }

  .u-section-3 .u-text-3 {
    width: auto;
    margin-top: 25px;
  }

  .u-section-3 .u-text-5 {
    margin-bottom: -95px;
  }

  .u-section-3 .u-layout-cell-3 {
    min-height: 321px;
    order: 0;
  }
}

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

  .u-section-3 .u-layout-wrap-1 {
    margin-top: 62px;
    margin-right: initial;
    margin-left: initial;
  }

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

  .u-section-3 .u-text-1 {
    width: auto;
    margin-left: 5px;
  }

  .u-section-3 .u-layout-wrap-2 {
    margin-top: 0;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 720px;
  }

  .u-section-3 .u-text-2 {
    margin-left: 0;
  }

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

  .u-section-3 .u-text-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-5 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -438px;
  }

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

  .u-section-3 .u-text-6 {
    width: auto;
    margin-top: 20px;
  }
}