.prologue {
    margin-bottom: 1rem;
}

.epilogue {
    margin-top: 1rem;
}

ul.cuterweblinks.frontend {
  list-style: none;
  padding: auto 0;
  margin: 0;
  /*background-image: url('holz.jpg');*/
}

ul.cuterweblinks.frontend li {
  display: inline-block;
  background-image: url('schnalle.png');
  background-origin: border-box;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  filter: drop-shadow(4px 3px 4px #111);
  width: 200px;
  height: 103px;
  padding: 14px 32px 14px 38px;
}

ul.cuterweblinks.frontend li:hover {
  background-image: url('schnalle-hover.png');  
}

ul.cuterweblinks.frontend a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: normal;
  text-decoration: none;
}

ul.cuterweblinks.frontend div.image {
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

ul.cuterweblinks.frontend a:hover + div.content {
  visibility: visible;  
}

ul.cuterweblinks.frontend div.content {
  visibility: hidden;
  text-align: center;
  padding: 5px 5px 0 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1; 
}

ul.cuterweblinks.frontend div.category {
  font-size: 0.8em;
  margin-bottom: 0.25em;
}

ul.cuterweblinks.frontend div.title {
  font-weight: bold;
  margin-bottom: 0.25em;
}

ul.cuterweblinks.frontend div.description {
  margin-bottom: 0.25em;
}