/*-------Ken Burns Effekt----------*/
/*------CSS-Klasse: kenburns   */

.kenburns {

  overflow: hidden;

  display: inline-block;

}

.kenburns img {

  transition-duration: 5s;

  transform: scale(1.0);

  transform-origin: 50% 50%;

}

.kenburns img:hover {

  transform: scale(1.2);

  transform-origin: 50% 0%; /* pan towards top of image */

}





/*--------ANIMIERTE BILD_EFFEKTE------------ */
/*------CSS-Klassen: siehe Info   */

.communic01 {
border: none !important;
}
.communic02 img {
width: 200px !important;
text-align: center !important;
}

/*--------IMAGE GROW--------CSS-Klasse: communic01 image-grow */

.image-grow {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-grow:hover {
-webkit-transform:scale(1.75);
-moz-transform:scale(1.75);
-ms-transform:scale(1.75);
-o-transform:scale(1.75);
transform:scale(1.75);
}

/*--------IMAGE SHRINK--------CSS-Klasse: communic01 image-shrink */

.image-shrink {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-shrink:hover {
-webkit-transform:scale(0.50);
-moz-transform:scale(0.50);
-ms-transform:scale(0.50);
-o-transform:scale(0.50);
transform:scale(0.50);
}

/*--------IMAGE ROTATE--------CSS-Klasse: communic01 image-rotate */

.image-rotate {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-rotate:hover {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}

/*--------IMAGE focus--------CSS-Klasse: communic01 image-fokus*/

.image-fokus {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.image-fokus:hover {
  border: 70px solid #000;
  border-radius: 50%;
}

/*-------News-Übersichtsseite: Kleinere Thumbs----------*/
.et_pb_post a img {
height: auto;
float: left;
width: 250px;
left: 0;
padding-right: 14px;
}
@media only screen and (max-width: 980px) {
.et_pb_post a img {
float:none;
width:100%;
height: 300px;
}
}