/* Sonnenschutz *********************/
.sonnenschutz_header {
      background: url("../img/sonnenschutz/sonnenschutz_header.jpg") top left no-repeat;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }

.sonnenschutz h1 {
  color:#81a22c;
  margin-top:40px;
  text-transform:uppercase;
}

.sonnenschutz h5 {
  color:#81a22c;
  margin-top:40px;
  text-transform:uppercase;
}

/* Puro2XR *********************/

.puro2XR {
  color: #fff;
  background-color: #81a22c;
  margin-bottom:40px;
  margin-top:100px;

}

.puro2XR p {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
  font-weight:lighter;
}

.puro2XR h1 {
  padding-top: 30px;
  margin-left: 40px;
  text-transform: uppercase;
}

.puro2XR img {
  width:100%;
  opacity: 0;
}

.puro2XR_row {
  padding:0px;
  background: url("../img/sonnenschutz/puro2XR.jpg") top left no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1600px) and (max-width: 2600px) {

  .puro2XR_row2 {
  height:100%;
  margin:auto;
  font-size:20px;
}
}

@media (min-width: 0px) and (max-width: 767px) {

  .puro2XR p {
  margin-left: 10px;
  margin-right: 10px;
  font-weight:normal;
}

.puro2XR h1 {
  margin-left: 10px;
}

}

/* Karo *********************/

.karo {
  color: #81a22c;
  background-color: #fff;
  margin-bottom:40px;
  margin-top:100px;

}

.karo p {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
  font-weight:lighter;
}

.karo h1 {
  padding-top: 30px;
  margin-left: 40px;
  text-transform: uppercase;
}

.karo img {
  width:100%;
  opacity: 0;
}

.karo_row2 {
  padding:0px;
  background: url("../img/sonnenschutz/karo.jpg") top left no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1600px) and (max-width: 2600px) {

  .karo_row {
  height:100%;
  margin:auto;
  font-size:20px;
}
}

@media (min-width: 0px) and (max-width: 767px) {

  .karo p {
  margin-left: 10px;
  margin-right: 10px;
  font-weight:normal;
}

.karo h1 {
  margin-left: 10px;
}

}

/* RONDO *********************/

.rondo {
  color: #fff;
  background-color: #81a22c;
  margin-bottom:40px;
  margin-top:100px;

}

.rondo p {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
  font-weight:lighter;
}

.rondo h1 {
  padding-top: 30px;
  margin-left: 40px;
  text-transform: uppercase;
}

.rondo img {
  width:100%;
  opacity: 0;
}

.rondo_row {
  padding:0px;
  background: url("../img/sonnenschutz/rondo.jpg") top left no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1600px) and (max-width: 2600px) {

  .rondo_row2 {
  height:100%;
  margin:auto;
  font-size:20px;
}
}

@media (min-width: 0px) and (max-width: 767px) {

  .rondo p {
  margin-left: 10px;
  margin-right: 10px;
  font-weight:normal;
}

.rondo h1 {
  margin-left: 10px;
}

}

/* Quadro *********************/

.quadro {
  color: #81a22c;
  background-color: #fff;
  margin-bottom:40px;
  margin-top:100px;

}

.quadro p {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
  font-weight:lighter;
}

.quadro h1 {
  padding-top: 30px;
  margin-left: 40px;
  text-transform: uppercase;
}

.quadro img {
  width:100%;
  opacity: 0;
}

.quadro_row2 {
  padding:0px;
  background: url("../img/sonnenschutz/quadro.jpg") top left no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1600px) and (max-width: 2600px) {

  .quadro_row {
  height:100%;
  margin:auto;
  font-size:20px;
}
}

@media (min-width: 0px) and (max-width: 767px) {

  .quadro p {
  margin-left: 10px;
  margin-right: 10px;
  font-weight:normal;
}

.quadro h1 {
  margin-left: 10px;
}

}

/* PURO2XR-RS *********************/

.puro2XR-RS {
  color: #fff;
  background-color: #81a22c;
  margin-bottom:40px;
  margin-top:100px;

}

.puro2XR-RS p {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
  font-weight:lighter;
}

.puro2XR-RS h1 {
  padding-top: 30px;
  margin-left: 40px;
  text-transform: uppercase;
}

.puro2XR-RS img {
  width:100%;
  opacity: 0;
}

.puro2XR-RS_row {
  padding:0px;
  background: url("../img/sonnenschutz/puro2XR-RS.jpg") top left no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1600px) and (max-width: 2600px) {

  .puro2XR-RS_row2 {
  height:100%;
  margin:auto;
  font-size:20px;
}
}

@media (min-width: 0px) and (max-width: 767px) {

  .puro2XR-RS p {
  margin-left: 10px;
  margin-right: 10px;
  font-weight:normal;
}

.puro2XR-RS h1 {
  margin-left: 10px;
}

}

/* Modulo-RS *********************/

.modulo-rs {
  color: #81a22c;
  background-color: #fff;
  margin-bottom:40px;
  margin-top:100px;

}

.modulo-rs p {
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 30px;
  font-weight:lighter;
}

.modulo-rs h1 {
  padding-top: 30px;
  margin-left: 40px;
  text-transform: uppercase;
}

.modulo-rs img {
  width:100%;
  opacity: 0;
}

.modulo-rs_row2 {
  padding:0px;
  background: url("../img/sonnenschutz/modulo-rs.jpg") top left no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1600px) and (max-width: 2600px) {

  .modulo-rs_row {
  height:100%;
  margin:auto;
  font-size:20px;
}
}

@media (min-width: 0px) and (max-width: 767px) {

  .modulo-rs p {
  margin-left: 10px;
  margin-right: 10px;
  font-weight:normal;
}

.modulo-rs h1 {
  margin-left: 10px;
}

}