.services-details-wrap {
   padding-top: 5%;
   padding-bottom: 7%;
}

.services-details-wrap.is--innershadow {
   box-shadow: inset 0 -20px 20px 20px rgba(66,190,163,.07), inset 0 20px 20px 20px rgba(66,190,163,.07);
   box-shadow: inset 0 -20px 20px 0 rgba(66,190,163,.07), inset 0 20px 20px 0 rgba(66,190,163,.07);
}

.services-details-wrap  .servicesdetails-cntwrap {
   display: -ms-grid;
   display: grid;
   grid-auto-columns: 1fr;
   -ms-grid-columns: 1fr 1fr;
   grid-template-columns: 1fr 1fr;
   -ms-grid-rows: auto auto;
   grid-template-rows: auto auto;
   grid-row-gap: 16px;
   grid-column-gap: 16px;
   width: 90%;
   margin: 0 auto;
   -ms-grid-rows: auto;
   grid-template-rows: auto;
}

.services-details-wrap .servicesdetails-cntwrap h4 {
   color: #1a342f;
   font-size: 1.6em;
   line-height: 26px;
   font-weight: 700;
   background-color: transparent;
   color: #42bea3;
   font-size: 1.6em;
   font-weight: 700;
   margin-top: 10px;
}

.services-details-wrap .servicesdetails-cntwrap h2{
   max-width: none;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
   color: #1a342f;
   font-size: 43px;
   line-height: 1.2;
   font-weight: 900;
   text-align: left;
   margin-top: 0;
   margin-bottom: 20px;
}

.services-details-wrap .servicesdetails-cntwrap p {
   display: block;
   max-width: 100%;
   margin-right: auto;
   margin-bottom: 25px;
   color: #1a342f;
   font-size: 20px;
   text-align: left;
}
.services-details-wrap .servicesdetails-cntwrap p {
   max-width: 100%;
   margin-bottom: 5%;
   font-size: 1.25em;
   line-height: 25px;
}

.services-details-wrap .servicesdetails-img {
   margin-right: 0;
   margin-left: 0;
}

.services-details-wrap .right-img ._w-image {
   float: right;
}

.services-details-wrap ._w-image {
   position: relative;
   z-index: 5;
   float: left;
}

.services-details-wrap .b-image {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 10px;
}

.services-details-wrap .img-thumbnail-bg {
   position: absolute;
   z-index: 4;
   width: 100%;
   height: 100%;
   border-radius: 10px;
   background-color: hsla(0,0%,100%,.1);
}

.services-details-wrap .c-img-thumbnail {
   position: relative;
   z-index: 5;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 10px;
   cursor: pointer;
   max-width: 100%;
   transform: translate3d(0px, 0px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   transition: all 0.2s;
}

.services-details-wrap .c-img-thumb-overlay {
   position: absolute;
   z-index: 6;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 10px;
   background-color: rgba(19,19,19,.6);
   opacity: 0;
}

.services-details-wrap ._w-img-thumb-overlay {
   position: relative;
   padding: 20px;
   text-align: center;
}

.services-details-wrap  .img-thumb-overlay-icon {
   height: 35px;
   margin-bottom: 20px;
}

.services-details-wrap .img-thumb-overlay-text {
   color: #fff;
}

.services-details-wrap .img-thumbnail {
   position: relative;
   z-index: 5;
   max-height: 500px;
   max-width: 500px;
   border-radius: 10px;
   box-shadow: 0 0 15px 0 rgba(0,0,0,.65);
}


.services-details-wrap .c-zoom-in-img {
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 9999999;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   background-color: rgba(19,19,19,.95);
   opacity:0;
   visibility:hidden;
   transition:all 0.3s;   
   transition-delay: 0.5s;
}
.services-details-wrap .lightbox-open .c-zoom-in-img {
   opacity:1;
   visibility:visible;   
   transition-delay: 0s;
}
.services-details-wrap .ci-zoom-in-img {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}
.services-details-wrap .c-zoom-out-text {
   position: absolute;
   left: 0;
   top: auto;
   right: 0;
   bottom: 0;
   padding-top: 10px;
   padding-bottom: 10px;
}
.services-details-wrap .zoom-out-text {
   color: #aaa;
   font-size: .8em;
   text-align: center;
}
.services-details-wrap ._w-zoom-in-img {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 60vw;
   height: 80vh;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 10px;
   background-color: #333;
   background-position: 50% 50%;
   background-size: cover;
   background-repeat: no-repeat;
   box-shadow: 1px 1px 100px 0 rgba(0,0,0,.75);
}
.services-details-wrap .b-zoom-in-img {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
   width: 100%;
   height: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   border-radius: 10px;
}
.services-details-wrap .c-hd-img {
   position: absolute;
   left: auto;
   top: auto;
   right: auto;
   bottom: auto;
   z-index: 5000;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
}


.services-details-wrap .hd-img {
   position: relative;
   z-index: 5000;
   width: 100%;
}

.services-details-wrap .services-details-col-wrap {
   display: -ms-grid;
   display: grid;
   max-width: 90%;
   margin: 0 auto 0;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   grid-auto-columns: 1fr;
   grid-column-gap: 16px;
   grid-row-gap: 0;
   -ms-grid-columns: 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   -ms-grid-rows: auto;
   grid-template-rows: auto;
}
.services-details-wrap .neu-button-feature {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   min-height: 200px;
   padding: 40px 10px 25px 25px;
   clear: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   border: 1px solid #d7d8ea;
   border-radius: 10px;
   -webkit-transition: 250ms;
   transition: 250ms;
   margin-top: 23%;
}
.services-details-wrap .neu-button-feature:hover {
   border-color: #66d9c2;
   -webkit-transform: translate(0,-5px);
   -ms-transform: translate(0,-5px);
   transform: translate(0,-5px);
}
.services-details-wrap .icon-module {
   position: static;
   left: 15px;
   top: -30px;
   right: 0;
   bottom: auto;
   width: 65px;
}
.services-details-wrap .icon-module.absolut {
   position: absolute;
}
.services-details-wrap .is--module-grid {
   margin-right: 0;
   margin-bottom: 0;
   padding-top: 1%;
   padding-bottom: 1%;
   font-size: 1.25em;
   display: block;
}

.services-details-wrap .fe01_text-2 {
   max-width: 500px;
   margin-bottom: 18px;
   font-size: 14px;
   line-height: 25px;
}
.services-details-wrap .is--module-grid {
   margin-right: 0;
   margin-bottom: 0;
   padding-top: 1%;
   padding-bottom: 1%;
   font-size: 1.25em;
}
.services-details-wrap .services-col-cnt {
   color: #1a342f;
}
.services-details-wrap .services-col-cnt h5 {
   padding-top: 1%;
   padding-bottom: 1%;
   margin: 0;
   font-size: 1.25em;
   font-family: Lotar,sans-serif;
   color: #000;
   font-weight: 700;
   text-decoration: none;
}
.services-details-wrap .services-col-cnt {
   padding-bottom: 18px;
}
.services-details-wrap .services-col-cnt p {
   margin-bottom: 0;
   font-size: 14px;
   line-height: 25px;
}
.services-details-wrap .services-col-cnt p small {
   color: #42bea3;
   font-size: 100%;
}
.services-details-wrap .services-col-cnt p span{
   padding-top: 1%;
   padding-bottom: 1%;
   font-size: 1.25em;
   display: block;
}

.services-details-wrap .c-img-thumbnail:hover {
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
}

.services-details-wrap .c-img-thumbnail:hover .c-img-thumb-overlay {
   opacity: 1;
}

.services-details-wrap .img-thumb-overlay-icon {
   transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 0;
   transition: all 0.3s;
}

.services-details-wrap .img-thumb-overlay-text {
   transform: translate3d(0px, 100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 0;
   transition: all 0.3s;
   transition-delay: 0.2s;
}

.services-details-wrap .c-img-thumbnail:hover .img-thumb-overlay-icon {
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 1;
}

.services-details-wrap .c-img-thumbnail:hover .img-thumb-overlay-text {
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 1;
}
.services-details-wrap .image-grid-inhalte-startseite {
   max-width: 80%;
   margin-right: auto;
   margin-left: auto;
   float: right;
   border-radius: 10px;
   box-shadow: 1px 1px 20px 0 rgba(0,0,0,.2);
}
.services-details-wrap .image-grid-inhalte-startseite.is--halterhaftung {
   margin-left: 0;
   float: left;
}


.services-details-wrap .c-zoom-out-text {
   transform: translate3d(0px, 100%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 0;
   transition: all 0.3s;
   transition-delay: 0.3s;
}

.services-details-wrap .lightbox-open .c-zoom-out-text {
   transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 1;
}

.services-details-wrap ._w-zoom-in-img {
   transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 0;
   transition: all 0.3s;
}

.services-details-wrap .lightbox-open ._w-zoom-in-img {
   transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   opacity: 1;
   transition-delay: 0.2s;
}

@media screen and (min-width: 1440px){
   .services-details-wrap {
      padding-top: 5%;
      padding-bottom: 5%;
      box-shadow: none;
   }
   .services-details-wrap .servicesdetails-cntwrap p {
      font-size: 1.25em;
   }
   .services-details-wrap .servicesdetails-img {
      padding-top: 5%;
      padding-bottom: 5%;
   }

   .services-details-wrap .neu-button-feature {
      min-height: 180px;
   }
   .services-details-wrap .is--inhalte-grid,
   .services-details-wrap .is--module-grid {
      font-size: 1.25em;
   }
   .services-details-wrap .is--inhalte-grid,
   .services-details-wrap .is--module-grid {
      font-size: 1.25em;
   }
   .services-details-wrap .neu-div-grid-2columns.is--startseite {
      padding-top: 5%;
      padding-bottom: 5%;
   }
   .services-details-wrap .img-thumbnail {
      width: 800px;
   }




}


@media screen and (min-width: 1920px){
   .services-details-wrap .neu-div-grid-2columns.is--startseite {
      padding-top: 10%;
      padding-bottom: 10%;
   }
   .services-details-wrap {
      padding-top: 5%;
      padding-bottom: 5%;
      box-shadow: none;
   }
   .services-details-wrap.is--innershadow{
      box-shadow: none;
      box-shadow: inset 0 -20px 20px 20px rgba(66,190,163,.07), inset 0 20px 20px 20px rgba(66,190,163,.07);
   }
   .services-details-wrap .servicesdetails-cntwrap{
      margin-bottom: 0;
   }
   .services-details-wrap .servicesdetails-cntwrap p {
      font-size: 1.25em;
      line-height: 25px;
   }
   .services-details-wrap .servicesdetails-img {
      padding-top: 0;
      padding-bottom: 0;
   }

   .services-details-wrap .img-thumbnail {
      max-height: none;
      max-width: 800px;
   }

   .services-details-wrap .services-details-col-wrap {
      grid-column-gap: 20px;
      grid-row-gap: 0;
   }
   .services-details-wrap .neu-button-feature {
      min-height: 200px;
   }
   .services-details-wrap .is--kontakt,
   .services-details-wrap .is--module-grid {
      max-width: 100%;
   }
   .services-details-wrap .is--kontakt,
   .services-details-wrap .is--module-grid {
      max-width: 100%;
   }
   .services-col-cnt h5 {
      max-width: 100%;
      line-height: 25px;
   }

}

@media(max-width:991px){
   .services-details-wrap .servicesdetails-cntwrap h2 {
      font-size:20px;
   }
   .services-details-wrap .servicesdetails-cntwrap {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
      text-align: center;
   }

   .services-details-wrap .services-details-col-wrap {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
   }

   .services-details-wrap .right-img ._w-image,.services-details-wrap ._w-image {
      float: none;
   }

   .services-details-wrap .image-grid-inhalte-startseite {
      float: none;
   }

   .services-details-wrap .image-grid-inhalte-startseite.is--halterhaftung {
      float: none;
   }
   .services-details-wrap .c-zoom-in-img {
      display: none;
   }

   .services-details-wrap .c-img-thumb-overlay {
      display: none;
   }
}

@media(max-width:767px){
   .services-details-wrap .servicesdetails-cnt {
      max-width: 100%;
   }

   .services-details-wrap .servicesdetails-cntwrap h4 {
      font-size: 20px;
   }

   .services-details-wrap .servicesdetails-cntwrap {
      width: 90%;
      max-width: 115%;
      margin-right: auto;
      margin-left: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }

   .services-details-wrap .img-thumbnail {
      max-height: 100%;
      max-width: 100%;
   }

   .services-details-wrap .services-details-col-wrap {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      width: 90%;
      max-width: 90%;
      min-width: 150px;
      margin-top: 10%;
      margin-left: auto;
   }

   .services-details-wrap .neu-button-feature:first-child {
      margin-top: 0;
   }
   .services-details-wrap .neu-button-feature {
      margin-top: 10%;
      height: auto;
      min-height: auto;
   }
   .servicesdetails-btn {
      text-align: left;
   }

}

