Code:
<link href="https://fonts.googleapis.com/css?family=Niconne|Open+Sans+Condensed:300" rel="stylesheet"><style type="text/css">#name{padding: 15px;font-family: 'Niconne', cursive; color:#DEDEDE; font-size: 55px; text-align:center; text-shadow:1px 1px 2px #000;} #hintergrund {width: 400px; height: 266px; background: #E4E4E4; margin: auto; overflow: hidden; } #hintergrund #pic {width:400px; height: 266px; background-image: url('http://placehold.it/450x150'); position: relative; top: 0px; transition: 0.7s; } #hintergrund:hover #pic {top: -150px; transition: 0.7s;} #info1{text-align:center;color:#687B86;font-size:24px; font-family: 'Niconne', cursive; padding:5px;} #angabe{font-size:16px;color:#000728;font-family: 'Open Sans Condensed', sans-serif; text-align:center;} #rechts{float:right; width:175px;} #links{float:left;width:175px;} #wrapper2 {background:#29323B; width:500px; margin:auto;} #fliesstext {-webkit-columns: 2 100px; -moz-columns: 2 100px; columns: 2 100px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; color:#FFF; padding: 15px; text-align:justify;} #lyrics {font-style: italic; color:#AAC1DA; font-size: 12px; text-align:center;} #charatext{color:#FFF; padding:10px; margin:10px;} #footer_info {background:#697683; padding:15px; color:#FFF; text-transform:uppercase; text-align:center; margin:auto;}</style>
<div id="wrapper2">
<div id="name">Sweet little lies</div>
<div id="hintergrund"><div id="pic"><img src="https://abload.de/img/chesterhills1l3ecj.jpg">
<div id="links">
<div id="info1">Chester Hills</div><div id="angabe">Gegründet 1623</div>
<div id="info1">Einwohner</div><div id="angabe">50.000</div>
</div>
<div id="rechts">
<div id="info1">Lage</div><div id="angabe">Nähe der Rocky Mountains</div>
<div id="info1">Bürgermeister</div><div id="angabe">Rick Grey</div>
</div>
</div>
</div>
<div id="name">Die Stadt
der Geheimnisse,
Gerüchte & Intrigen</div>
<div id="charatext">Eine Kleinstadt in den Vereinigten Staaten. Unscheinbar, ruhig, jeder kennt jeden. Doch hinter der freundlichen Fassade scheint jeder Bewohner, jede Bewohnerin ein süßes kleines Geheimnis zu verbergen. Aber die Gerüchteküche ist am brodeln!
[b]Wusstet ihr....[/b]
... dass der Bürgermeister ein heimliches Kind haben soll?
... dass im Supermarkt ein Mörder arbeitet?
... Im Wald Leichen gefunden wurden?
... bei Chester Hills eines der modernsten Sicherheitsgefängnisse gibt?
... dass jemand den Sheriff in einer der Zellen mit einem Kerl
erwischt hat?
... dass man sagt, das es ein Bordell hinter dem Campus geben soll?
... dass die Kinderheimleitung jahrelang Geld veruntreut und die
Heimkinder darunter leiden?
... dass der Bürgermeister in letzter Zeit öfters mit einer Frau
gesehen wurde, die erst vor kurzem hinzugezogen ist`?
... dass der Pfarrer schon einige Kinder von Prostituierten in das
Kinderheim brachte ?
... dass einer der Lehrer ein Verhältnis zu einem Schüler haben
soll ?
... dass nun zwei ehemalige Profieishockeyspieler im Ort sind?
... dass ein Bauunternehmer die ganzen kleinen Geschäfte aufkaufen
und abreißen lassen will, um ein weiteres riesiges
Einkaufszentrum mitten in der Stadt zu bauen?
</div>
<hr style="border:solid 5px #E4E4E4; width:75%;">
<div id="name">Willkommen in<br>
<br>
Chester Hills</div>
<div id="charatext">Herzlich willkommen in unserer fiktiven kleinen Stadt Chester Hills. Die Stadt wurde 1623 gegründet und gehört mit seinen knapp 50 Tausend Einwohnern zu den gemütlichen Kleinstädten unseres Landes in den Rocky Mountains. Chester Hills ist umgeben von schneebedeckten Bergen und liegt in einem Tal versteckt, direkt an einem wunderschönen großen See.
<div class="entry-headline"><div class="bl-tabcon__title"><div class="forum_line forum_line--profile"></div><span class="bl-boldtitle bl-boldtitle--profile">Shortfacts</span></div></div>
<div class="bl-settingcontent bl-contentlarge"><ul>
<li>Reallife - L3S3V3, ab 18</li>
<li>Szenentrennung - Mindestpostinglänge 350 Zeichen</li>
<li>Stadtbewohner, Gefängnisinsasse, Heimkind, Student, Schüler, Sonstiges</li>
<li>Registrierung mit Gesuchsübernahme oder Charaktervorstellung</li>
<li><a href="https://discord.gg/ZpcbndAe" target="_blank">Discord</a></li>
</div>
<hr style="border:solid 5px #E4E4E4; width:75%;">
<center>
<span id="footer_info">[url=https://sweet-little-lies.com/index.php/][color=#000000]Board[/color][/url]</span> <span
<span id="footer_info">[url=https://sweet-little-lies.com/showthread.php?tid=9][color=#000000]Regelwerk[/color][/url]</span> <span <span id="footer_info">[url=https://sweet-little-lies.com/forumdisplay.php?fid=13][color=#000000]Gesuche[/color][/url]</span> <span id="footer_info">[url=https://sweet-little-lies.com/forumdisplay.php?fid=30][color=#000000]Partnerschaft[/color][/url]</span> <span
</center>
</div>
