#dgkfo {}

#dgkfo .media_image {
  position: relative;
  overflow: visible;
}


#dgkfo .media_image::before {
  content:" ";
  position: absolute;
  display: flex;
  width: 100px;
  height:50px;
  left:-65px;
  top:115px;
  background-image:url(https://www.dentaurum.de/images/zunge.webp);
  background-size: 170px;
  background-repeat: no-repeat;
  background-position-x: -80px;
  transform: scaleX(-1);
  border-radius:0;
  overflow:hidden;
}

#dgkfo .media_image::after {
  content:" ";
  position: absolute;
  z-index:2;
  display: flex;
  width: 100px;
  height:100px;
  left:-50px;
  top:45px;
  background-image:url(https://www.dentaurum.de/images/dgkfo25_angebotsbadge.svg);
  border-radius:100%;
  overflow:hidden;
}

#content {
  overflow-x: unset;
}


#content .xcol-pic-box   {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
  padding: 12px;
}




#content .xcol-pic-box > a  {
    border-radius: 100%;
    overflow: hidden;
    aspect-ratio: 1/1;
    height:100%;
}

.filtr_prod_items.show  {
    width:calc(100%/4 - 10px);
}

.media_image {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 100%;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1/1;
  padding: 15px;
  overflow: hidden;
}

.media_image img {
  border: 0px solid #ccc;
  border-radius: 100%;
  width: 100%;
  /*! aspect-ratio: 1/1; */
  overflow: hidden;
  object-fit: cover;
  height: 100%;
}

@media screen and  (max-width:600px) {
 
  .filtr_prod_items.show  {
    width:calc(100%/2 - 10px) !important;
}

}