/*---- Startseiten Style ---- */

/*--HIGH RES SCREEN > 2200px-- */
@media screen and (min-width: 2200px) {
  .section-1 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Element-1.jpg)
        450px top/300px no-repeat local,
      url(https://www.treenetaler.de/medien/2018/01/Element-2.jpg) 80% 97px/300px
        no-repeat local !important;
  }

  .section-3 div.background-inner {
    background-size: 75% !important;
  }

  .section-4 div.background-inner {
    background-size: 73% !important;
  }

  .section-5 div.background-inner {
    background-size: 65% !important;
  }
}

/*---DESKTOP--- */
@media screen and (max-width: 2200px) {
  .section-1 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Element-1.jpg) 15%
        top/300px no-repeat,
      url(https://www.treenetaler.de/medien/2018/01/Element-2.jpg) 85% 97px/300px
        no-repeat !important;
  }

  .section-3b div.background-inner {
    background-size: 80% !important;
  }

  .section-4 div.background-inner {
    background-size: 73% !important;
    background-position: 130px center !important;
  }
}

/*--Abstand Überschriften Desktop 960px-- */
@media screen and (min-width: 960px) {
  h2 span {
    margin-bottom: 0em !important;
  }
}

/*---DESKTOP--- */
@media screen and (max-width: 1920px) {
  .section-1 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Element-1.jpg) 5%
        top/300px no-repeat,
      url(https://www.treenetaler.de/medien/2018/01/Element-2.jpg) 95% 97px/300px
        no-repeat !important;
  }

  .section-4 div.background-inner {
    background-size: 100% !important;
    background-position: -70px -50px !important;
  }
}

/*--Desktop max 1400px-- */
@media screen and (max-width: 1400px) {
  .section-1 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Element-1.jpg) -10%
        top/300px no-repeat local,
      url(https://www.treenetaler.de/medien/2018/01/Element-2.jpg) 110% 80px/300px
        no-repeat scroll !important;
  }

  .section-3 div.background-inner {
    background-size: 123% !important;
  }

  .section-4 div.background-inner {
    background-size: 1300px !important;
    background-position: -244px -94px !important;
  }

  .section-5 div.background-inner {
    background-size: 123% !important;
  }
}
/*--Desktop max 1400px-- */

@media screen and (max-width: 1400px) and (min-width: 960px) {
  .home div.wpb_wrapper img {
    width: 80% !important;
  }

  .hero-section .penta-top-padding {
    padding-top: 77px !important;
  }
}

/*-----TABLET----------- */
@media screen and (max-width: 960px) {
  .section-1 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Element-1.jpg) -20%
        top/300px no-repeat local,
      url(https://www.treenetaler.de/medien/2018/01/Element-2.jpg) 120% 80px/300px
        no-repeat scroll !important;
  }

  /*---FOOTER-------- */
  .treene_foot div.background-inner {
    background-size: 4802px !important;
    background-position: -1200px bottom !important;
  }

  .main-container .row-container .exa-top-padding {
    padding-top: 24px;
  }

  div.links-row {
    padding-top: 0px !important;
  }
}

/*---MOBILE--------- */
@media screen and (max-width: 570px) {
  /*--Abstand zwischen H1 und TOP andere tolle Produkte------- */
  .hero-section
    div.row.penta-top-padding.penta-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-top: 36px !important;
  }

  .tt_content_slide
    .row.double-top-padding.single-bottom-padding.single-h-padding.row-child.limit-width {
    padding-top: 36px;
  }

  .section-1 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Treenetaler-Limette-1-m.jpg) -15%
      top/128px no-repeat local !important;
  }

  .section-3 div.background-inner {
    background: none !important;
  }

  .section-4 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Treenetaler-Limette-2-m.jpg)
      120% 10px/180px no-repeat local !important;
  }

  .section-5 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Treenetaler-Limette-3-m.jpg)
      119% 160px/169px no-repeat local !important;
  }

  /*--40 andere tolle Produkte------- */
  .section-6 div.background-inner {
    background: url(https://www.treenetaler.de/medien/2018/01/Treenetaler-Limette-6-m.jpg)
      120% 10px/180px no-repeat local !important;
  }

  /*---FOOTER-------- */
  .treene_foot div.background-inner {
    background-size: 5020px !important;
    background-position: -1442px -104px !important;
  }

  .main-container .row-container .exa-top-padding {
    padding-top: 124px;
  }

  div.links-row {
    padding-top: 153px !important;
  }
}

/*---MOBILE--------- */
@media screen and (max-width: 320px) {
  /*---FOOTER-------- */
  .treene_foot div.background-inner {
    background-size: 5020px !important;
    background-position: -1442px -84px !important;
  }
}

/*--Startseite Produkpreise weg ----*/
.page-id-66647 span.price {
  display: none !important;
}

/**---STARTSEITE---**/
/**--- Produktbilder 100% Breite--**/
.home div.wpb_wrapper img {
  width: 100%;
}
@media screen and (max-width: 570px) {
  /**---Mobile View Padding von Reihen -**/
  .tt-no-padding-top-mobile div.row.limit-width.row-parent {
    padding-top: 10px;
  }
  /**---Mobile View Padding von Reihen -**/
  .tt-no-padding-bottom-mobile div.row.limit-width.row-parent {
    padding-bottom: 0px;
  }
  /**---Mobile View Marging von Text
  .tt-margin-top .heading-text.el-text {
    margin-top: 20px !important;
  }-**/
  /**---Über schrift linksbündig-**/
  .tt-text-align-left-mobile {
    text-align: left;
  }
}
/**--- Font-Change Produkte  --**/
figcaption {
  margin-top: 30px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}
/**--- Produkte Zoom  --**/
.tt-hover-img img {
  transition: 0.3s;
}
.tt-hover-img img:hover {
  transform: scale(1.05) !important;
}