<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=BenchNine:300|Oswald:300" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
<style type="text/css">/*
HINTERGRUNDBOX
*/.abschluss_back{width: 500px; height: auto; padding: 25px 15px; margin: auto; border-bottom: 50px solid #606060; border-top: 25px solid #606060; background-color: #C4BFB8; font-size: 12px; box-sizing: border-box;}/*
BILD
*/.abschluss_bild{width: 150px; height: 150px; margin: auto; background-image: url('LINK(150x150)'); border: 3px solid #606060; box-sizing: border-box;}/*
FAKTEN
*/.abschluss_facts{width: 150px; height: auto; padding: 2px; margin: 9px 0px auto; background-color: #606060; text-align: center; color:#D8D3CB; font-family: 'Calibri',sans-serif; font-size: 11px; text-transform: uppercase; box-sizing: border-box;}/*
*/.abschluss_factsboxlinks{width: 150px; height: 150px; padding: 2px; margin: auto; float:left; box-sizing: border-box;}/*
*/.abschluss_factsboxrechts{width: 150px; height: 150px; padding: 2px; margin: auto; float:right; box-sizing: border-box;}/*
TEXT
*/.abschluss_text{height: 350px; opacity: 0.8; padding: 10px; font-family: 'Calibri'; font-size: 11px; line-height: 125%; overflow: auto; color:#606060; text-align: justify;}/*
*/.abschluss_text i{font-style: italic; opacity: 0.9; color:#82A1B5;}/*
*/.abschluss_text b{font-weight: bold; opacity: 0.8; color:#82A1B5;}/*
*/.abschluss_text u{text-decoration: underline; opacity: 0.9; color:#D7B9BB;}/*
HEADLINES
*/.abschluss_titel{padding: 15px; padding-bottom: 1px; margin: auto; font-family: 'BenchNine', sans-serif; font-size: 50px; line-height: 80%; text-align: center; text-transform: uppercase; color:#32303B; box-sizing: border-box;}/*
*/.abschluss_subtitel{width: 320px; margin: -5px auto; padding: 3px; font-family: 'Calibri', sans-serif; font-size: 12px; letter-spacing: 3px; text-align: center; color:#32303B; opacity: 0.7; text-transform: lowercase; box-sizing: border-box;}/*
FAMILIE
*/.abschluss_famlinks{padding: 13px; width: 120px; height: 80px; margin: auto; font-family: 'BenchNine', sans-serif; font-size: 20px; line-height: 80%; letter-spacing: 2px; text-align: center; color:#000000; float:left; box-sizing: border-box;}/*
*/.abschluss_famrechts{padding: 13px; width: 120px; height: 80px; margin: auto; font-family: 'BenchNine', sans-serif; font-size: 20px; line-height: 80%; letter-spacing: 2px; text-align: center; color:#000000; float:right; box-sizing: border-box;}/*
*/.abschluss_famtext{margin: auto; margin: 1px auto; font-family: 'News Cycle', sans-serif; font-size: 12px; letter-spacing: 1px; text-align: center; color:#32303B; box-sizing: border-box;}/*
CHARAKTER
*/.abschluss_charbox{width: 400px; margin: auto;}/*
*/.abschluss_charl{float:left; width: 200px; margin: auto; padding: 10px; box-sizing: border-box;}/*
*/.abschluss_charr{float:left; width: 200px; margin: auto; padding: 10px; box-sizing: border-box;}/*
*/.abschluss_charhead{font-family: 'Roboto', sans-serif; font-size: 11px; background-color: #D8D3CB; margin-bottom: 5px; line-height: 100%; letter-spacing: 1px; text-transform: uppercase; text-align: center; color:#82A1B5;}/*
*/</style><div class="abschluss_back"><div class="abschluss_titel">TITEL</div>
<div class="abschluss_subtitel">UNTERTITEL</div>
<div class="abschluss_factsboxlinks"><div class="abschluss_facts">NAME</div><div class="abschluss_facts">ALTER</div><div class="abschluss_facts">RASSE</div><div class="abschluss_facts">BERUF</div><div class="abschluss_facts">FAMILIENSTATUS</div></div> <div class="abschluss_factsboxrechts"><div class="abschluss_facts">SPIELER</div><div class="abschluss_facts">AVATAR</div><div class="abschluss_facts">REGELN GELESEN</div><div class="abschluss_facts">ZEICHENZAHL</div><div class="abschluss_facts">(KEINE)WEITERGABE</div></div><div class="abschluss_bild"></div> <div style="clear:both;"></div>
<div class="abschluss_text"><div class="abschluss_subtitel">KLEINE ÜBERSCHRIFT ZUM CHARAKTER</div>
Hier kann ein kleiner Einführungstext zum Charakter stehen.
<div class="abschluss_subtitel">FAMILIE ODER FREUNDE</div>
<div class="abschluss_famlinks">MUTTER<div class="abschluss_famtext">Name
Alter
Beruf</div></div>Ein paar Zeilen zum jeweiligen Freund oder Familienmitglied<div style="clear:both;"></div>
<div class="abschluss_famrechts">VATER<div class="abschluss_famtext">Name
Alter
Beruf</div></div>Ein paar Zeilen zum jeweiligen Freund oder Familienmitglied.<div style="clear:both;"></div>
<div class="abschluss_subtitel">CHARAKTER</div>
Hier ist Platz für die Charakterbeschreibung.
<div class="abschluss_charbox"><div class="abschluss_charl"><div class="abschluss_charhead">Stärken</div>Irgendwelche super tollen Charakter-eigenschaften aufgereiht, die andere mögen würden. Oder auch nicht. Je nachdem. Hauptsache irgendetwas.</div></div><div class="abschluss_charbox"><div class="abschluss_charr"><div class="abschluss_charhead">Schwächen</div>Irgendwelche super tollen Charakter-eigenschaften aufgereiht, die andere mögen würden. Oder auch nicht. Je nachdem. Hauptsache irgendetwas.</div></div><div style="clear:both;"></div>
<div class="abschluss_charbox"><div class="abschluss_charl"><div class="abschluss_charhead">Vorlieben</div>Hier können ganz viele Vorlieben stehen, so wie Mondbären, Kartoffelpüree, Schokolade, Silberschmuck, Sauerbraten, Hunde oder auch Katzen. </div></div><div class="abschluss_charbox"><div class="abschluss_charr"><div class="abschluss_charhead">Abneigungen</div>Hier können ganz viele Vorlieben stehen, so wie Mondbären, Kartoffelpüree, Schokolade, Silberschmuck, Sauerbraten, Hunde oder auch Katzen.</div></div><div style="clear:both;"></div>
<div class="abschluss_subtitel">GESCHICHTE</div>
Jeder Charakter hat eine Geschichte. Wir erwarten keine Romane, aber wichtige Eckdaten möchten schon sein.
</div></div>
