#main {
    overflow:hidden;
}

#shoplink {
	z-index:1000;
	position:absolute;
	  left:-265px; 
	  top:15%; 
	  padding:10px;
	  background:#424242; 
	  border-radius: 0 30px 30px 0;
	  border:3px solid rgba(167,237,16,1);
}
#shoplink p {
    margin: 6px 6px 0px 12px;
}
#services {
    margin-bottom:0!important;
}

#services.dark {
    padding: 75px 0;
}

#services .box {
  padding-top:50%;
  min-height:auto;
  overflow: hidden;
  /*box-shadow: 0px 0px 0px 0px;*/
}

#services .box ul, #services .box p {
    text-align: left;
}

#services .box#hormone{
    background-image:url(../img/abteilungen/manufaktur/card-header_bioidentische-hormone.jpg);
    color: #5BB885;
}

#services .box#hormone .portfolio-info h6 {
    color: #5BB885;
}

#services .box img {
    width: auto;
    border-radius: 0%;
    border: 0px solid #ddd;
}

#services .box ul li {
    font-size: 15px;
    font-weight:500;
}

#services .box p {
    margin-left: 0px;
    margin-top: 0px;
    font-weight: normal;
    text-decoration: none;
    color: #777;

}

#services .box p a {
    color: #777777;
    text-decoration: underline;
}

#services .box .alert-secondary {
    background:#f2f2f2;
    border:0px;
}
#services .button-wrapper {
    padding-bottom: 5rem;
}
#services .icon-info {
    float:left;
    margin:15px 0;
}

#services .icon-info i.fa, #services .icon-info i.fa:hover {
    transition-duration: 0.5s;
    float:left;
    margin: 5px 5px 0;
}

#services .icon-info i.fa {
    background: #fff;
    color: #424242!important;
}

#services .icon-info i.fa:hover {
    background: #424242;
    color: #fff!important;
}

/*
#services .icon-info i.fa-info, #services .icon-info i.fa-info:hover {
    padding: 0.1em 0.45em
}
*/
#services .icon-info i.fa-envelope, #services .icon-info i.fa-envelope:hover {
    font-size:1.4rem;
    padding: 0.43em 0.47em 0.52em;
}

#services .icon-info i.fa-at, #services .icon-info i.fa-at:hover {
    font-size:1.6rem;
    font-weight:600;
    padding: 0.29em 0.43em 0.37em;
}

#services .icon-info #rezept {
        width:48px; 
        height:48px; 
        background-image: url(../img/icons/icon_rezept_grau.png);
        background-repeat: no-repeat; 
        background-size: contain;
        margin-top:5px;
        margin-left:5px;
        transition-duration:0.5s;

}
#services .icon-info #rezept:hover {
    background-image: url(../img/icons/icon_rezept_grau-hover.png);
    transition-duration:0.5s;
}

#services .icon-info i.fa-arrow-right {
    padding:0.1em 0.18em 0.15em 0.25em;
    float:right;    
    
}

      #services .box a.btn-login {
        border-radius: 50px;
        background: #424242;
        color: #fff;
        border: 2px solid rgb(0, 94, 46);
        margin-top:1.5rem;
        margin-right:.5rem;
        padding: 0.5rem 1.38rem 0.5rem 0.9rem;
        float:right;
        font-size:0.9rem;
      }

      #services .box a.btn-login i.fa {
        margin:1em -1em 0 0.3em;
        border:2px solid #fff;
        border-radius:50%;
        padding:0.3em 0.35em;
        color:rgb(0, 94, 46);
        background:#fff;
           }


#services h6 {
    font-weight:bold;
}

/*** individuelle Farben Karten-Inhalte ***/

#services div.hormone, #services div.hormone h6 {
    color: #5BB885;
}
#services div.homoeopathie, #services div.homoeopathie h6 {
    color: #F7B556;
}
#services div.kosmetikpflege, #services div.kosmetikpflege h6 {
    color: #919191;
}
#services div.therapeuten, #services div.therapeuten h6 {
    color: #5B9AB0;
}
/*

#services div.hormone i.fa {
    color: #5BB885;
    border-color:#5BB885;
}
#services div.hormone i.fa:hover {
    background:#5BB885;
    border-color:#5BB885;
}
*/

.icon-info:hover {
    cursor: pointer;
  }
  .portfolio-info {
    opacity: 0;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -100%;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    background: rgba(255,255,255,1);
    background: linear-gradient(135deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 50%);
    padding: 30px;
    height:100%;
    font-size:1.0rem;
    /* text-align: center;
   background-image: url(../img/icons/icon_AMM.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size:25%;*/
  }
  .portfolio-info * {
    vertical-align: middle;
  }
  .portfolio-info .fa-times-circle {
  position:absolute; 
  top:5px; 
  right:5px; 
  color:#ccc;
  }
  
  .portfolio-info .row {
      position:absolute; 
      bottom:0;
  }
  
  .portfolio-info .row img {
  position:absolute;
  height:275px;
  width:auto;
    bottom: 0;
    right:20px;
  }

#logos .partners .pic {
    box-shadow: 0px 0px 15px rgba(73, 78, 92, 0.15);
    padding:1em 0;
}

#banner {
    background: rgba(0,0,0,.1);
    color: #000;
}

#text {
    padding: 15px 20px;
    text-align: left;
    top: 50%;
    left: 30%;
    font-size: 1.1rem;
    color: #1f651b;
    transform: translate(-22%,-50%);
}

.owl-nav {
    display:none;
}

@media (max-width: 767px) {

    #services .icon-info i.fa,   #services .icon-info i.fa:hover {
    margin: 10px 3px 0;
  }
    #services .icon-info i.fa-info, #services .icon-info i.fa-info:hover {
      font-size:1.7rem;
      padding: 0.11em 0.45em
  }
  
  #services .icon-info i.fa-envelope, #services .icon-info i.fa-envelope:hover {
      font-size:1.12rem;
      padding: 0.4em 0.44em 0.49em;
  }
  
  #services .icon-info i.fa-at, #services .icon-info i.fa-at:hover {
      font-size:1.23rem;
      font-weight:600;
      padding: 0.36em 0.43em 0.36em;
  }
  
  #services .icon-info #rezept {
          width:39px; 
          height:39px; 
          margin-top:10px;
          margin-left:3px;
  }
  #services .box a.btn-login {
    margin-right:0;
  }
  .portfolio-info .fa-times-circle {
    position:absolute;
    top:calc(100% - 3rem);
    left:calc(50% - 0.75rem);
    font-size:1.5rem;
    cursor: pointer;
  }
  
  .portfolio-info h6, .portfolio-info p {
      text-align: center!important;
    }
  
  .portfolio-info .row, .portfolio-info img.w-50 {
      display: none;
  }
  
  .portfolio-info {
      background: #fff no-repeat;
      background-position:center 15px;
      background-size: 50px;
      padding-top:80px;
    }
  .hormone .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_bioidentische-hormone.png);
  }
  .homoeopathie .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_homoeopathie.png);
  }
  .kosmetikpflege .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_kosmetikpflege.png);
  }
  .therapeuten .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_therapeuten.png);
  }
  }
  @media (min-width: 578px) and (max-width: 767px) {
  
    .portfolio-info {
      background: #fff no-repeat;
      background-position:center 330px;
      background-size: 100px;
    }
  
  .hormone .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_bioidentische-hormone.png);
  }
  .homoeopathie .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_homoeopathie.png);
  }
  .kosmetikpflege .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_kosmetikpflege.png);
  }
  .therapeuten .portfolio-info {
    background-image: url(../img/abteilungen/manufaktur/button_therapeuten.png);
  }
  }