.div8 {
    float: left;
    width: 1920px;
    height: 918px;
    display: block;
    text-align: center;
    border: 0px solid black;
    background-color: black;
    background-image: url("../images/8_historie/1_hist_lepassage_erg_1920x918.jpg");
	background-size: cover;

    animation: load 5s normal forwards;

    /* filter: blur(15px) brightness(90%); */

      /* transition: filter 1.1s;
      transform: scale(1.02);  */
      /* z-index: 1; */

      transform: scale(1.02);

    -webkit-animation: blur2 3s;
    -moz-animation: blur2 3s;
    animation: blur2 3s;       

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    animation-play-state: paused;
    animation-delay: 2s;
    /* animation-iteration-count: infinite; */
    animation-iteration-count: 1;

  }
  
  /* animation-iteration-count: infinite; */
  /*  transform: scale(1.0);              verschieb den Inhalt bei 1.02 im slider, bei Entfernen läuft die Ani nicht im iPad   */
@-webkit-keyframes blur2 {
  0%     { -webkit-filter: blur(0)  brightness(1.0); }
  25%    { -webkit-filter: blur(8px)  brightness(0.8);  }
  50%    { -webkit-filter: blur(14px)  brightness(0.7); }
  100%   { -webkit-filter: blur(15px)  brightness(0.5); }
}             

@-moz-keyframes blur2 {
  0%     { -moz-filter: blur(0px); }
  25%    { -moz-filter: blur(8px); }
  50%    { -moz-filter: blur(14px); }
  100%   { -moz-filter: blur(15px); }
}    

@keyframes blur2 {
  0%     { filter: blur(0) brightness(1.0); }
  25%    { filter: blur(8px)  brightness(0.8); }
  50%    { filter: blur(14px)  brightness(0.7); }
  100%   { filter: blur(15px)  brightness(0.5); }
}    



.text8 {
  opacity: 0;

  text-decoration: none;
   border: 0px;
   background: none;
   font-family: 'Amiri';
   color: #fff;
   font-style: normal;
   word-spacing: 0.05em;
 letter-spacing: 0.04em;
   font-size: 190%;
   line-height: 1.5;
   position: absolute;
   width: 1150px;
/*       top: 275px;   */
/*       left: 280px;       */
 margin: 230px 0px 0px 395px;   /* top right bottom left */
   background: none;
   overflow: hidden;
   z-index: 85;
    animation: anav 5s;
    animation-delay: 5s;
   animation-fill-mode: backwards;

     /* animation-iteration-count: infinite; */

     animation: fadeIn 3s; /* liegt in tools.css */
     animation-delay: 2s;
   
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
   
     animation-play-state: paused;
     /* animation-iteration-count: infinite; */
     animation-iteration-count: 1;      
}

.text8 a:hover {
  text-decoration: underline;
  color: #ffffff;
}