/* renovierung-sanierung: Abweichungen vom gemeinsamen Unterseiten-Layout (assets/css/pages/unterseite.css) sowie seiteneigene Blöcke.
   Erzeugt von build/unterseite_build.py (Mapping: build/map_renovierung-sanierung.py). */

.unterseite-titel__zeile--1 {
  margin-left: -20%;
}
.unterseite-warum--renovierung {
  max-width: 100%;
  overflow: hidden;
}
.unterseite-warum__bilder {
  grid-template-columns: repeat(4,minmax(200px,1fr));
}
.unterseite-fokus__inhalt {
  align-items: stretch;
}
.unterseite-fokus__liste {
  text-align: left;
}
.unterseite-beratung__text {
  text-align: center;
}
.unterseite-titel__amp {
  margin-left: 20%;
}
.unterseite-warum__fragezeichen {
  font-size: 150px;
  font-family: 'effra';
  color: rgba(92,134,3,0.28);
  line-height: 1;
  position: absolute;
  right: -9%;
  top: -72%;
}

@media (max-width:1830px) {
  .unterseite-warum__inhalt {
    margin-top: 45px;
  }
  .unterseite-warum__liste {
    margin-top: 0px;
  }
}

@media (max-width:1023px) {
  .unterseite-warum--renovierung > .section__inner {
    padding-top: 70px;
    padding-bottom: 60px;
  }
  .unterseite-warum__titel {
    font-size: 24px;
  }
  .unterseite-warum__bilder {
    grid-template-columns: repeat(4,minmax(0px,1fr));
    grid-column-gap: 20px;
  }
  .unterseite-holz__titel {
    font-size: 45px;
  }
  .unterseite-fokus__liste {
    padding-bottom: 60px;
  }
  .unterseite-fokus__punkt-text {
    margin-top: 0px;
  }
  .unterseite-fokus__bilder {
    grid-column-gap: 20px;
    width: 100%;
  }
  .unterseite-ergebnis--renovierung {
    text-align: center;
  }
  .unterseite-ergebnis--renovierung > .section__inner {
    padding-bottom: 60px;
  }
  .unterseite-beratung > .section__inner {
    padding-bottom: 60px;
  }
}

@media (max-width:479px) {
  .unterseite-titel__zeile--1 {
    margin-left: 0%;
  }
  .unterseite-warum__bilder {
    grid-template-columns: repeat(2,minmax(1px,1fr));
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
  }
  .unterseite-holz__titel {
    font-size: 25px;
  }
  .unterseite-holz__karten {
    display: flex;
    text-align: left;
  }
  .unterseite-fokus__bilder {
    grid-template-columns: repeat(2,minmax(1px,1fr));
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: left;
  }
  .unterseite-fokus__bild {
    margin-bottom: 0px;
  }
  .unterseite-titel__amp {
    margin-left: 0%;
  }
}