Forum - Hilfe mit Hover Code

<div><center><link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> <style type="text/css"><h1><script>/*CONTENT-CONTAINER*/ #wfa .image { width: 700px; height: 700px; margin: 0 auto;<script> background: url('//files.homepagemodules.de/b647858/a_303_ca0eb2aa.png')</script>; position: relative; } /**/ #wfa .image-hover:hover {background-color: rgba(40,37,30,.9); transition: 0.4s; opacity: 1;} /**/ #wfa .image-hover   {opacity: 0; height: 700px; transition: 0.7s; } /**/ #wfa .content { width: 660px;  height: 620px; padding: 40px; font-family: Roboto; text-align: justify; color: white; font-size: 11px; line-height: 20px; overflow-y: scroll;}  /*FORMATION*/ #wfa*/ #wfa i {color: white;} /**/ #wfa u {color: white;} /**/ #wfa b {color: white;} /**/ #wfa s {color: white;} /**/ #wfa .border { margin: 5px auto; width: 650px; border-center: 1px solid rgba(0,0,0,.5);} /**/ #wfa .character  /**/ #wfa .characterfacts  { width: 160px; height: 185px; border-center: 1px solid rgba(250,250,250,.6); } /**/ #wfa .name { text-transform: uppercase; letter-spacing: 1.5px; font-family: Roboto; font-size: 22px;}/**/ #wfa .info {font-size: 8px; font-weight: bold; font-family: Roboto; text-transform: uppercase; letter-spacing: 1px;  color: white; padding-bottom: 5px; } /**/</style><br><br><div id="wfa"><div class="image"><div class="image-hover"><div class="content"><br><div class="stylesheet"><br>
<span style="font-size:8pt">Grundlage der Handlungen sind vor allem zwei Memoiren von Kriegsveteranen des Pazifikkrieges. „With the Old Breed: At Peleliu and Okinawa“ von Eugene Sledge und „Helmet for My Pillow“ von Robert Leckie konfrontierte die Produzenten mit kriegsnahen Erlebnissen.[7] Daneben stützt sich die Handlung auf „China Marine“,[8] ebenfalls von Sledge, sowie Red Blood, Black Sand,[9] den Erinnerungen von Chuck Tatum, der neben John Basilone in der Schlacht um Iwojima kämpfte.[10] Umrahmt werden diese autobiographischen Elemente von geschichtsträchtigen Ereignissen, so etwa den Schlachten um Guadalcanal, Peleliu, Okinawa und Iwojima. Der Fokus liegt dabei immer auf relativ wenigen Einzelschicksalen innerhalb einer Gruppe von Marines. Es wird ein dreckiges, realistisches Bild des Krieges gezeichnet und welche Auswirkungen er auf die Soldaten hat. Insbesondere durch den Fanatismus der japanischen Soldaten werden die Marines zusehends hasserfüllter und verrohen immer mehr.
 
Die Kämpfe werden ebenso realistisch gezeigt. Statt actionreicher Nahkämpfe gibt es eher unpersönliche Gefechte auf lange Distanz, wobei erheblich mehr Zeit außerhalb der Kämpfe verbracht wird</span></justfy></div> </i></center> </span><br><br><br></div><div></div></div></div> </div><br><br><br></div><div></div></div></div><div class="border"></div></div></center>
 
<br><br><br></div><div></div></div></div>
<div><center><link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> <style type="text/css">/*CONTENT-CONTAINER*/ #wfa .image { width: 700px; height: 700px; margin: 0 auto;<script> background: url('//files.homepagemodules.de/b647858/a_303_ca0eb2aa.png')</script>; position: relative; } /**/ #wfa .image-hover:hover {background-color: rgba(40,37,30,.9); transition: 0.4s; opacity: 1;} /**/ #wfa .image-hover   {opacity: 0; height: 700px; transition: 0.7s; } /**/ #wfa .content { width: 660px;  height: 620px; padding: 40px; font-family: Roboto; text-align: justify; color: white; font-size: 11px; line-height: 20px; overflow-y: scroll;}  /*FORMATION*/ #wfa*/ #wfa i {color: white;} /**/ #wfa u {color: white;} /**/ #wfa b {color: white;} /**/ #wfa s {color: white;} /**/ #wfa .border { margin: 5px auto; width: 650px; border-center: 1px solid rgba(0,0,0,.5);} /**/ #wfa .character  /**/ #wfa .characterfacts  { width: 160px; height: 185px; border-center: 1px solid rgba(250,250,250,.6); } /**/ #wfa .name { text-transform: uppercase; letter-spacing: 1.5px; font-family: Roboto; font-size: 22px;}/**/ #wfa .info {font-size: 8px; font-weight: bold; font-family: Roboto; text-transform: uppercase; letter-spacing: 1px;  color: white; padding-bottom: 5px; } /**/</style><br><br><div id="wfa"><div class="image"><div class="image-hover"><div class="content"><br>
<center><div class="stylesheet" style="font-size: 22pt; color: #706362">xxx xxxxx xxxxx xxxxx</div> 
 

 
<br><br><br></div><div></div></div></div>