/*** die Klasse "avia_transform" ist an html ! - Flüchtigkeitsfehler ***/
/*** ob hier alles nötig ist, schau selbst - eventuell musst du hier das transform weglassen ***/

.avia_transform .page-id-5143 .av_slideshow_full .avia-caption-content p, 
.avia_transform .page-id-5143 .av_slideshow_full .avia-caption-title, 
.avia_transform .page-id-5143 .av_slideshow_full .avia-slideshow-button {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    visibility: hidden;
    position: relative;
    left: 50%;
}

/*** notwendig - eventuell reicht es einfach nur die animation zu überschreiben und das vorherige setzen dieser auf none ist nicht nötig***/

@-webkit-keyframes caption-top-coiffeur {
  0%   { -webkit-transform:translate(-50%,50px); opacity: 0;  }
  100% { -webkit-transform:translate(-50%,0); opacity: 1; }
}

@keyframes caption-top-coiffeur {
  0%   { transform:translate(-50%,50px); opacity: 0;  }
  100% { transform:translate(-50%,0); opacity: 1; }
} 

.avia_transform .page-id-5143 .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title, 
.avia_transform .page-id-5143 .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content p,
.avia_transform .page-id-5143 .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button {
    visibility: visible;
    -webkit-animation: none;
            animation: none;
    -webkit-animation: caption-top-coiffeur 0.5s 1 ease-out;
            animation: caption-top-coiffeur 0.5s 1 ease-out;
}