/*########################## CSS-Code #################################*/
/*########################## BILD HOVER ROTATE ###########################*/
/*########################## WIDGET ZP ################################*/
.wzp-bildhov-1901 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px;
  min-width: 250px;
  width: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.wzp-bildhov-1901 * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wzp-bildhov-1901 img {
  max-width: 100%;
  vertical-align: top;
}
.wzp-bildhov-1901 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.wzp-bildhov-1901 h3 {
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 3px 0;
}
.wzp-bildhov-1901 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.wzp-bildhov-1901-inhaltsbreite {;
}
.wzp-bildhov-1901:hover img,
.wzp-bildhov-1901.hover img {
  -webkit-transform: scale(1.3) rotate(5deg);
  transform: scale(1.3) rotate(5deg);
}
@media (max-width: 400px) {
.wzp-bildhov-1901 {margin:0px;}
}
/*########################## ENDE BILD HOVER ROTATE ###########################*/