@-webkit-keyframes showItem  {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
}

/* Standard syntax */
@keyframes showItem  {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hideItem  {
   0% {
     opacity: 1;
     display:block;
   }

   100% {
     opacity: 0;
     display:none;
   }
}

/* Standard syntax */
@keyframes hideItem  {
  0% {
    opacity: 1;
    display:block;
  }


  100% {
    opacity: 0;
    display:none;
  }
}

.portfolio-item {
    animation: showItem 1s;
}

.hideItem {
  display:none !important;
  animation: hideItem 1s forwards;
}

.filter-container {
  margin: 40px 0 20px;
}

.filter-container p {
  margin-bottom:0;
}

.filter-container a {
  position:relative;
  display: inline-block;
  margin-right:15px;
  white-space: nowrap;
}

.filter-container a:before {
  content: "|";
  position: absolute;
  right: -13.5px;
  top: 0px;
  height: 21px;
  overflow: hidden;
  font-weight:400;
}

.filter-container a:last-child:before {
  display:none;
}

.p-btn, .p-btn:hover,.p-btn:focus, .p-btn:active, .p-view, .p-view:hover,.p-view:focus, .p-view:active  {
  background:none;
  color:#666;
  box-shadow:none;
  text-decoration:none;
}

.view-switcher {
  margin-top:15px;
}

.p-btn.active, .view-switcher .active {
  font-weight:bold;
}

.view-table, .view-portfolio {
  margin-top:50px;
}

.view-table {
  display:none;
  min-height:200px;
}

.view-table th {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.view-table .kunde a{
  color:#000;
}

.view-table td, .view-table th {
  min-width:25%;
  border-top:0 !important;
  border-bottom: 1px solid #dddddd;
}

.single-portfolio-content img {
  width:100%;
  height:auto;
}

.suppilers-entry-inner {
  margin-top:10px;
  padding:10px;
  background:#f9f9f9;
}

.employees-item .suppilers-entry-inner {
  margin-bottom:10px !important;
}

.employees-item .employees-contact-box {
  padding:20px 0;
  margin-bottom:20px;
}

.employees-item .employees-contact-box p{
  margin-bottom:0;
}

.employees-item .employees-contact-box a{
  color:#0081cc;
}
.employees-item .employees-contact-box a:hover{
  text-decoration:underline;
}