<link href="https://fonts.googleapis.com/css?family=Oswald:100" rel="stylesheet">
<style type="text/css">/*
*/ #gawhintergrund { width: 600px; height: auto; background-color: #1e1e1e; color: #fff; font-size: 11px; font-family: Verdana; font-weight: 100; } /*
*/ #gawhintergrund a { padding-left: 0px; color: #616161; padding-bottom: 20px; } /*
*/ #gawbox { box-sizing: border-box; width: 500px; padding-top: 50px; height: auto; text-align: justify; } /*
*/ #gawtitel_rechts{ text-align: right; font-size: 30px; padding-left: 20px; text-transform: lowercase; } /*
*/ #gawtitel_links{ text-align: left; font-size: 30px; padding-right: 20px; text-transform: lowercase; } /*
*/ #gawname { font-size: 40px; text-align: left; padding: 70px 0px 0px 40px; letter-spacing: 2px; } /*
*/ #gawuntertitel { text-transform: lowercase; text-align: left; padding-left: 30px; margin-top: -23px; font-size: 15px; } /*
*/ #gawfacts { text-align: right; padding-right: 30px; font-size: 13px; text-transform: lowercase; } /*
*/ #gawfacts_unten { text-align: left; padding: 20px 0px 30px 30px; font-size: 13px; text-transform: lowercase; } /*
*/ #gawinfokasten { display: flex; align-items: center; justify-content: center; height: 30px; text-align: center; -webkit-columns: 2 102px; -moz-columns: 2 102px; columns: 2 102px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; padding-bottom: 20px; } /*
*/ #gawinfoboxen { box-sizing: border-box; width: 100px; margin-bottom: 5px; background-color: #111111; padding: 10px; } /*
*/ #gawabstand { box-sizing: border-box; width: 20px; } /*
*/ #gawcredit { box-sizing: border-box; width: 550px; margin-bottom: 5px; padding: 10px; text-align: right; } /*
*/ #gawbild1 { background-image: url('https://via.placeholder.com/120x160'); width: 120px; height: 160px; float: right; margin: 100px 50px 7px 15px; } /*
*/ #gawbild2 { background-image: url('https://via.placeholder.com/120x160'); width: 120px; height: 160px; float: left; margin: 100px 15px 7px 50px; } /*
</style>
<center>
<div id="gawhintergrund">
<div id="gawname">Vorname Nachname</div>
<div id="gawfacts">missing person</div>
<div id="gawbild1"></div>
<div id="gawbox"><div id="gawtitel_rechts">Titel1</div>Wer wird gesucht? Was verbindet euch? Habt ihr bereits eine gemeinsame Geschichte? Und wie stellst du dir eure Zukunft vor? Hast du besondere Wünsche? Hier findet alles Platz, was für das Gesuch wichtig ist.
</div>
<div id="gawinfoboxen">Avatar: Name</div><div id="gawabstand"></div>
<div id="gawbild2"></div>
<div id="gawabstand"></div>
<div id="gawfacts">searcher</div>
<div id="gawbox"><div id="gawtitel_links">Titel 2</div>Ja, wer sucht denn eigentlich? Beschreibe deinen eigenen Chara. Wer bist du? Wie stehst du zu dem Gesuch? Was muss der Spieler/die Spielerin unbedingt wissen, bevor sie sich für dich entscheidet? Hier findet alles Platz, was für dich wichtig ist.
</div>
<div id="gawinfokasten">
<div id="gawinfoboxen">Avatar: Name</div>
</div>
<div id="gawcredit">
<a href="https://storming-gates.de/member.php?action=profile&uid=3836">by BlackRose</a>
</div>
</div>
</center>
