.impressionen
{
-webkit-flex:1 0 100%;
flex:1 0 100%;
-webkit-align-self:stretch;
align-self:stretch;
overflow:hidden;
display:-webkit-flex;
display:flex;
}

/* ----------------------------------------------- */

.motive
{
position:relative;
-webkit-flex:1 0 100%;
flex:1 0 100%;
-webkit-filter:grayscale(85%);
filter:grayscale(85%);
-webkit-transform:scale(1.5);
transform:scale(1.5);
-webkit-transition:-webkit-filter 5s,-webkit-transform 5s;
transition:filter 5s,transform 5s; /* Intervall */
}

/* ----------------------------------------------- */

.motiv
{
position:absolute;
width:100%;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
-webkit-filter:opacity(0%);
filter:opacity(0%);
-webkit-transform:scale(1.5);
transform:scale(1.5);
-webkit-transition:-webkit-filter 2.5s,-webkit-transform 2.5s;
transition:filter 2.5s,transform 2.5s; /* Intervall / 2 */
}

.motiv:first-of-type
{
-webkit-filter:opacity(100%);
filter:opacity(100%);
-webkit-transform:scale(1);
transform:scale(1);
z-index:1;
}

.motiv:last-of-type
{
-webkit-filter:opacity(100%);
filter:opacity(100%);
-webkit-transform:scale(1);
transform:scale(1);
}

/* ----------------------------------------------- */

.la-times
{
color:rgba(255,255,255,0.8);
}

/* ----------------------------------------------- */

.skalieren
{
-webkit-filter:grayscale(0%);
filter:grayscale(0%);
-webkit-transform:scale(1);
transform:scale(1);
}

/* ----------------------------------------------- */

body
{
display:-webkit-flex;
display:flex;
}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

@media print
{

/* ----------------------------------------------- */

.impressionen
{
-webkit-filter:grayscale(100%);
filter:grayscale(100%);
}

/* ----------------------------------------------- */

}