/**

Frisches Grün:
#7AC142

Tiefschwarz:
#1C1C1C

Dunkles Olivgrün: 
#4A6C34 

Hellgrau: 
#E6E6E6

Weiß: 
#FFFFFF

*/

.bannerText {
    width: 100%;
    position: absolute;
    right: 0%;
    bottom: 0%;
    padding: 10px 10px 10px 10px;
    background: rgba(74, 108, 52, 0.5);
    max-height: 170px;
}

.font-white {
  color: white; 
}

.background-startpage-image {
  background-image: url('/resources/images/Image20210128_1280x1280.webp'); /* Beispielbild */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  text-align: center;
  padding: 260px 20px;
  position: relative;
}

.background-startpage-image .container {
  position: relative;
  z-index: 1;
}


.tractor-track {
  height: 128px;
  background-image: url("/resources/images/tractor_track.png");
  background-repeat: repeat-x;
  background-size: auto;
}



    .p-black-color {
      background-color: #1C1C1C;
    }
    .p-white-color {
      background-color: #FFFFFF;
    }
    .p-bg-white-color {
      background-color: #FFFFFF;
    }
    .p-bg-grey-color {
      background-color: #E6E6E6;
    }
    /* .p-black-color {
      background-color: #1C1C1C;
    }
    .p-black-color {
      background-color: #1C1C1C;
    } */

    .p-center{
        margin-left: auto;
        margin-right: auto;
    }

    .p-bg-main-color {
      background-color: #7AC142;
    }


    .fade-image {
      position: relative;
      width: 350px; /* beliebig anpassen */
      height: auto;
      overflow: hidden;
    }

    .fade-image img {
      width: 100%;
      display: block;
    }

    /* Farbverlauf-Overlay */
    .fade-image::before,
    .fade-image::after {
      content: "";
      position: absolute;
      top: 0;
      width: 10px; /* Breite des Verlaufs */
      height: 100%;
      z-index: 2;
      pointer-events: none;
    }

    .fade-image::before {
      left: 0;
      background: linear-gradient(to right, #7AC142, transparent);
    }

    /* Rechter Verlauf (transparent → #7AC142 nach rechts außen) */
    .fade-image::after {
      right: 0;
      background: linear-gradient(to left, #7AC142, transparent);
    }


    /* ---------------------- */



.navbar-light .navbar-nav a.nav-link {
    color: white;
}
.col-6.col-md {
    margin-top: 40px;
    margin-bottom: 20px;
}


@media screen and (min-width: 1060px) {
    body {
        background-image: url(/resources/images/wood-1802488_960_720_h.jpg);
    }
}

@media screen and (min-width: 767px) {
    .p-height-div{
          height: 350px;
    }
}




.p-banner-image-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: #E6E6E6;;
}
.p-banner-image-wrapper-galerie{
    height: 100%;
    overflow: hidden;
    background-color: #E6E6E6;;
}

img.p-banner-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.p-underlined {
    border-bottom: 1px solid #80808040;
    margin-bottom: 11px;
    padding-bottom: 3px;
  }


.p-countryside{
  left: 20%;
}
@media screen and (max-width: 676px) {
    .p-countryside{
          left: -230%;
    }
  }

.p-width{
    width: 120px;
}

a{
  color: #4A6C34;
}
a:hover{
  color: #7AC142;
  text-decoration: none;
}

.p-wrapper-carousel-item{
  background-color: #E6E6E6;
  height: 261px;
}

.p-hover:hover{
  display:none
}


/* .p-banner-image-wrapper.col{ */
.p-galerie.col{
      flex: 1 1 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
    overflow: hidden;
        margin-bottom: 10px;
}
@media (max-width: 768px) {
  .col {
    flex: 1 1 100% !important;
  }
}

/* img.p-banner-image {
    display: flex;
    width: 100%;
    max-width: 100%;
    height: auto;
} */

img.p-banner-image {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* height: 100%; */

}
img.p-banner-image-detail-page {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.p-einkaufswelten{
    height: 100%;
    position: relative !important;
}


img.p-banner-image.p-list {
    position: relative;
    transform: initial;
    top: initial;
    left: initial;
}


@media (min-width: 768px) {
    /* .p-banner-image-wrapper{ */
      .p-galerie{
        height: 480px;
    }

      .p-banner-image-wrapper{
        height: 480px;
    }
}



.p-galerie{

}

span.relative.z-0.inline-flex.rtl\:flex-row-reverse.shadow-sm.rounded-md {
    display: none;
}

@media (max-width: 767px) {
      .p-mobil{
         display: none;
    }
}