Pain and suffering
is every day
Charaktername Fakten » Fakten » Fakten » Fakten 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vergeben » Avatarperson
Charaktername Fakten » Fakten » Fakten » Fakten
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vergeben » Avatarperson
Charaktername Fakten » Fakten » Fakten » Fakten
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vergeben » Avatarperson
Charaktername Fakten » Fakten » Fakten » Fakten
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vergeben » Avatarperson
Charaktername Fakten » Fakten » Fakten » Fakten
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Vergeben » Avatarperson
Code: <center><div id="ki"> <div class="gbody"><div class="ueber">Pain and suffering
is every day</div><br>
<div class="boxii">
<div class="gboard"><div class="name">Charaktername</div><div class="code">Fakten » Fakten » Fakten » Fakten</div><img src="120x80" class="sbild"><img src="120x80" class="sbild2"><img src="120x80" class="sbild2">
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
<div class="gesucht">Vergeben » Avatarperson</div></div></div>
<div class="boxii">
<div class="gboard"><div class="name">Charaktername</div><div class="code">Fakten » Fakten » Fakten » Fakten</div><img src="120x80" class="sbild"><img src="120x80" class="sbild2"><img src="120x80" class="sbild2">
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
<div class="gesucht">Vergeben » Avatarperson</div></div></div>
<div class="boxii">
<div class="gboard"><div class="name">Charaktername</div><div class="code">Fakten » Fakten » Fakten » Fakten</div><img src="120x80" class="sbild"><img src="120x80" class="sbild2"><img src="120x80" class="sbild2">
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
<div class="gesucht">Vergeben » Avatarperson</div></div></div>
<div class="boxii">
<div class="gboard"><div class="name">Charaktername</div><div class="code">Fakten » Fakten » Fakten » Fakten</div><img src="120x80" class="sbild"><img src="120x80" class="sbild2"><img src="120x80" class="sbild2">
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
<div class="gesucht">Vergeben » Avatarperson</div></div></div>
<div class="boxii">
<div class="gboard"><div class="name">Charaktername</div><div class="code">Fakten » Fakten » Fakten » Fakten</div><img src="120x80" class="sbild"><img src="120x80" class="sbild2"><img src="120x80" class="sbild2">
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco LABORIS NISI UT ALIQUIP ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
<div class="gesucht">Vergeben » Avatarperson</div></div></div>
</div>
</center>
<style text="text/css">.brka_container{width:500px;height:600px;background-image: url(/images/gesuchhalter.jpg);}.brka_gebox{width:460px;height:550px;background-color: #e5e5e5; position: relative;bottom: -16px;opacity: 0.7; overflow: scroll; overflow-x: hidden; } .brka_sbild {width:70px; height: 70px; float:left; border-style: solid; border-color:#f5f5f5; border-width: 2px; position: relative; border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%; margin-left:10px; margin-top:10px;} .brka_ueber { background-image: url(/images/gesuchhalter.jpg); width:460px; height: 150px;} .brka_text {font-family:verdana; font-size:8pt; color:#111111; width:440px; text-transform:none; line-height: 1.5; text-align: justify; } .brka_name{margin-top:-15px; font-family: Raleway, sans-serif; font-style: italic;font-weight: 800;font-size: 35px;line-height: 100%;text-align: center;text-transform: uppercase;color:#e68c75;padding-bottom:2px;} e {font-family:verdana; font-size:8pt; color:#e68c75; font-weight:800;text-transform: uppercase;} .brka_credit{ float:right; color: rgba(31, 31, 31, 100); font-family: 'Abel', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 2px;}</style>
Charaktername Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Code: <style text="text/css">.brka_container{width:500px;height:600px;background-image: url("https://placehold.co/500x600");}.brka_gebox{width:460px;height:550px;background-color: #e5e5e5; position: relative;bottom: -16px;opacity: 0.7; overflow: scroll; overflow-x: hidden; } .brka_sbild {width:70px; height: 70px; float:left; border-style: solid; border-color:#f5f5f5; border-width: 2px; position: relative; border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%; margin-left:10px; margin-top:10px;} .brka_ueber { background-image: url("https://via.placeholder.com/460x150"); width:460px; height: 150px;} .brka_text {font-family:verdana; font-size:8pt; color:#111111; width:440px; text-transform:none; line-height: 1.5; text-align: justify; } .brka_name{margin-top:-15px; font-family: Raleway, sans-serif; font-style: italic;font-weight: 800;font-size: 35px;line-height: 100%;text-align: center;text-transform: uppercase;color:#e68c75;padding-bottom:2px;} e {font-family:verdana; font-size:8pt; color:#e68c75; font-weight:800;text-transform: uppercase;} .brka_credit{ float:right; color: rgba(31, 31, 31, 100); font-family: 'Abel', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 2px;}</style>
<center><div class="brka_container"><div class="brka_gebox"><div class="brka_ueber"></div><img src="https://placehold.co/70x70" class="brka_sbild"><div class="brka_name">Charaktername</div><div class="brka_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco <e>laboris nisi ut aliquip</e> ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris <e>nisi ut aliquip</e> ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></div></div></center>
Hier einen
Titel einfügen Gesuchter Fakt One Fakt Two Fakt Three Fakt Three Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Fakt One Fakt Two Fakt Three Fakt Three Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Suchender Informationen Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<style type="text/css"> .hintergrundgesuch {width: 540px; height:auto;background: #a58570;} .obentitel { width: 520px; height: 205px; position: relative; background-color: #7d200e; margin-top:-18px; padding: 10px; }.gesuch-titel { font-family: "Playfair Display", serif;font-size: 50px;color: #a58570;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-weight:600;} .mig1 { width: 100px; height: 50px; padding: 7px; position: relative; margin-top: -40px; margin-bottom: 11px; margin-right: 5px; border: 2px solid #3d0a06;} .mig2 { width: 100px; height: 50px; padding: 7px; position: relative; margin-top: -40px; margin-bottom: 11px; margin-right: 5px; border: 2px solid #3d0a06;} .suchender-content {position: relative;width: 100%;display: flex;min-height: 400px;}.suchender-balken {background: #7d200e;width: 100px;min-height: 400px;display: flex;flex-direction: column;justify-content: flex-end;}.suchender-text {padding: 10px;width: 440px;min-height: 400px;text-align: justify;
font-family: 'Helvetica', 'Verdana', sans-serif;color:#090909;font-size:11.5px;margin-top:28px;} .suchender-titel { font-family: "Playfair Display", serif;font-size: 40px;color: #3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;position:absolute;margin-left:30px;font-weight:600;} .suchender-fakten { padding: 2px;background: #7d200e;font-size: 11px;font-weight: 600;height:20px;width:100px;display: inline-block;color:#a58570;text-align: center;} .suchender-faktenbox {width: 440px;margin-top:10px; }.gesuchter-titel { font-family: "Playfair Display", serif;font-size: 40px;color: #3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: right;position:absolute;font-weight:600;width: 500px;} .information-content {position: relative;width: 100%;min-height: 300px;}.information-balken {background: #7d200e;width: 100%;min-height: 10px;}.information-titel { font-family: "Playfair Display", serif;font-size: 40px;color:#3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-weight:600;}.information-text {padding: 10px;width: 520px;min-height: 300px;text-align: justify;
font-family: 'Helvetica', 'Verdana', sans-serif;color:#090909;font-size:11.5px;}
</style>
Code: <!-- Code by: Eevee [adrenaline] -'https://storming-gates.de/member.php?action=profile&uid=5935' --><center>
<div class="hintergrundgesuch">
<div class="obentitel"><div class="gesuch-titel">Hier einen
Titel einfügen</div></div>
<img src="https://placehold.co/100x50" class="mig1"> <img src="https://placehold.co/100x50" class="mig2"><img src="https://placehold.co/100x50" class="mig1"> <img src="https://placehold.co/100x50" class="mig2">
<div class="suchender-content"><div class="suchender-balken"></div><div class="suchender-titel">Gesuchter</div><div class="suchender-text"><div class="suchender-faktenbox"><div class="suchender-fakten">Fakt One</div> <div class="suchender-fakten">Fakt Two</div> <div class="suchender-fakten">Fakt Three</div> <div class="suchender-fakten">Fakt Three</div></div> <img src="https://placehold.co/80x80" style="float:left;width:80px;height: 80px;margin:5px;"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </div>
</div><div class="information-balken"></div>
<div class="suchender-content"><div class="suchender-text"><div class="suchender-faktenbox"><div class="suchender-fakten">Fakt One</div> <div class="suchender-fakten">Fakt Two</div> <div class="suchender-fakten">Fakt Three</div> <div class="suchender-fakten">Fakt Three</div></div><img src="https://placehold.co/80x80" style="float:right;width:80px;height: 80px;margin:5px;"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div><div class="gesuchter-titel">Suchender</div><div class="suchender-balken"></div></div>
<div class="information-content"><div class="information-balken"></div><div class="information-titel">Informationen</div><div class="information-text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </div></div><div class="information-balken"></div>
</div></center><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<style type="text/css"> .hintergrundgesuch {width: 540px; height:auto;background: #a58570;} .obentitel { width: 520px; height: 205px; position: relative; background-color: #7d200e; margin-top:-18px; padding: 10px; }.gesuch-titel { font-family: "Playfair Display", serif;font-size: 50px;color: #a58570;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-weight:600;} .mig1 { width: 100px; height: 50px; padding: 7px; position: relative; margin-top: -40px; margin-bottom: 11px; margin-right: 5px; border: 2px solid #3d0a06;} .mig2 { width: 100px; height: 50px; padding: 7px; position: relative; margin-top: -40px; margin-bottom: 11px; margin-right: 5px; border: 2px solid #3d0a06;} .suchender-content {position: relative;width: 100%;display: flex;min-height: 400px;}.suchender-balken {background: #7d200e;width: 100px;min-height: 400px;display: flex;flex-direction: column;justify-content: flex-end;}.suchender-text {padding: 10px;width: 440px;min-height: 400px;text-align: justify;
font-family: 'Helvetica', 'Verdana', sans-serif;color:#090909;font-size:11.5px;margin-top:28px;} .suchender-titel { font-family: "Playfair Display", serif;font-size: 40px;color: #3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;position:absolute;margin-left:30px;font-weight:600;} .suchender-fakten { padding: 2px;background: #7d200e;font-size: 11px;font-weight: 600;height:20px;width:100px;display: inline-block;color:#a58570;text-align: center;} .suchender-faktenbox {width: 440px;margin-top:10px; }.gesuchter-titel { font-family: "Playfair Display", serif;font-size: 40px;color: #3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: right;position:absolute;font-weight:600;width: 500px;} .information-content {position: relative;width: 100%;min-height: 300px;}.information-balken {background: #7d200e;width: 100%;min-height: 10px;}.information-titel { font-family: "Playfair Display", serif;font-size: 40px;color:#3d0a06;line-height: 45px;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-weight:600;}.information-text {padding: 10px;width: 520px;min-height: 300px;text-align: justify;
font-family: 'Helvetica', 'Verdana', sans-serif;color:#090909;font-size:11.5px;}
</style>
|
