Code:
<center>
<table width="620" cellspacing="0" cellpadding="0" style="width:620px; max-width:100%; border-collapse:separate; border-spacing:0; font-family:Verdana, Arial, sans-serif; color:#55484a; background:#fff8f5; border:1px solid rgba(226,139,146,.35); border-radius:28px; overflow:hidden; box-shadow:0 18px 45px rgba(175,103,110,.18);">
<tr>
<td style="padding:0;">
<!-- HERO -->
<table width="100%" cellspacing="0" cellpadding="0" style="width:100%; border-collapse:collapse;">
<tr>
<td background="https://hearts-still-beating.de/images/gesuchmiami.png" style="height:190px; padding:28px; background-image:linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,250,247,.82)), url('https://hearts-still-beating.de/images/gesuchmiami.png'); background-size:cover; background-position:center;">
<div style="display:inline-block; padding:6px 13px; border-radius:30px; background:rgba(255,250,247,.80); border:1px solid rgba(226,139,146,.28); color:#c86b70; font-size:8px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;">
wanted in miami
</div>
<div style="margin-top:14px; color:#c86b70; font-family:Georgia, 'Times New Roman', serif; font-size:42px; line-height:.9; font-weight:bold; text-transform:uppercase; letter-spacing:2px;">
Überschrift
</div>
<div style="margin-top:2px; color:#df7f83; font-family:Georgia, 'Times New Roman', serif; font-size:21px; font-style:italic; line-height:1;">
gesucht wird...
</div>
<div style="margin-top:12px; color:#9b8583; font-size:8px; line-height:1.7; font-weight:bold; letter-spacing:2px; text-transform:uppercase;">
Untertitel mit ganz, ganz vielen und laaaaaangen Worten
</div>
</td>
</tr>
</table>
<!-- EINLEITUNG -->
<table width="100%" cellspacing="0" cellpadding="0" style="width:100%; border-collapse:separate; border-spacing:0;">
<tr>
<td style="padding:22px;">
<div style="padding:22px; border-radius:24px; border:1px solid rgba(226,139,146,.28); background:rgba(255,250,247,.78); box-shadow:0 12px 28px rgba(175,103,110,.08);">
<div style="margin-bottom:14px; color:#c86b70; font-size:10px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;">
♡ Einleitung
</div>
<div style="max-height:185px; overflow:auto; padding-right:10px; color:#55484a; font-family:Georgia, 'Times New Roman', serif; font-size:12px; line-height:1.9; text-align:justify;">
<b style="color:#c86b70;">Worum geht es?</b>
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>
</td>
</tr>
</table>
<!-- PERSON 1 -->
<table width="576" align="center" cellspacing="0" cellpadding="0" style="width:576px; max-width:calc(100% - 44px); border-collapse:separate; border-spacing:0; margin:0 auto 18px; border-radius:24px; border:1px solid rgba(226,139,146,.28); background:rgba(255,246,242,.90); box-shadow:0 12px 28px rgba(175,103,110,.08);">
<tr>
<td width="145" valign="middle" style="width:145px; padding:16px; text-align:center;">
<img src="https://hearts-still-beating.de/images/icon.png" style="width:115px; height:115px; object-fit:cover; border-radius:100px; border:6px solid #fffaf7; box-shadow:0 12px 24px rgba(175,103,110,.16);" alt="">
<br>
<img src="https://hearts-still-beating.de/images/icon.png" style="width:70px; height:78px; object-fit:cover; margin-top:-12px; background:#fff; border:6px solid #ffffff; box-shadow:0 10px 18px rgba(175,103,110,.14); transform:rotate(-6deg);" alt="">
</td>
<td valign="top" style="padding:18px 18px 18px 0;">
<div style="color:#c86b70; font-family:Georgia, 'Times New Roman', serif; font-size:28px; line-height:.95; font-weight:bold; text-transform:uppercase; letter-spacing:1px;">
Titel
</div>
<div style="margin-top:4px; color:#df7f83; font-family:Georgia, 'Times New Roman', serif; font-size:18px; font-style:italic;">
Name der Figur
</div>
<div style="margin:12px 0;">
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Name</span>
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Alter</span>
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Beruf</span>
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Status</span>
</div>
<div style="height:125px; overflow:auto; padding-right:8px; color:#55484a; font-family:Georgia, 'Times New Roman', serif; font-size:11.5px; line-height:1.8; text-align:justify;">
<b style="color:#c86b70;">Die gesuchte Person</b>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Hier kannst du beschreiben, wer gesucht wird, welche Verbindung besteht und was du dir für die Figur wünschst.
</div>
<div style="margin-top:12px; padding:8px 12px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#fffaf7; color:#c86b70; text-align:center; font-size:8px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;">
frei/vergeben | Avatarperson
</div>
</td>
</tr>
</table>
<!-- PERSON 2 -->
<table width="576" align="center" cellspacing="0" cellpadding="0" style="width:576px; max-width:calc(100% - 44px); border-collapse:separate; border-spacing:0; margin:0 auto 18px; border-radius:24px; border:1px solid rgba(226,139,146,.28); background:rgba(255,246,242,.90); box-shadow:0 12px 28px rgba(175,103,110,.08);">
<tr>
<td valign="top" style="padding:18px 0 18px 18px;">
<div style="color:#c86b70; font-family:Georgia, 'Times New Roman', serif; font-size:28px; line-height:.95; font-weight:bold; text-transform:uppercase; letter-spacing:1px;">
Titel
</div>
<div style="margin-top:4px; color:#df7f83; font-family:Georgia, 'Times New Roman', serif; font-size:18px; font-style:italic;">
Name der Figur
</div>
<div style="margin:12px 0;">
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Name</span>
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Alter</span>
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Beruf</span>
</div>
<div style="height:125px; overflow:auto; padding-right:8px; color:#55484a; font-family:Georgia, 'Times New Roman', serif; font-size:11.5px; line-height:1.8; text-align:justify;">
<b style="color:#c86b70;">Die gesuchte Person</b>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Hier kannst du beschreiben, welche Dynamik du suchst und warum genau diese Person wichtig ist.
</div>
<div style="margin-top:12px; padding:8px 12px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#fffaf7; color:#c86b70; text-align:center; font-size:8px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;">
frei/vergeben | Avatarperson
</div>
</td>
<td width="145" valign="middle" style="width:145px; padding:16px; text-align:center;">
<img src="https://hearts-still-beating.de/images/icon.png" style="width:115px; height:115px; object-fit:cover; border-radius:100px; border:6px solid #fffaf7; box-shadow:0 12px 24px rgba(175,103,110,.16);" alt="">
<br>
<img src="https://hearts-still-beating.de/images/icon.png" style="width:70px; height:78px; object-fit:cover; margin-top:-12px; background:#fff; border:6px solid #ffffff; box-shadow:0 10px 18px rgba(175,103,110,.14); transform:rotate(6deg);" alt="">
</td>
</tr>
</table>
<!-- PERSON 3 -->
<table width="576" align="center" cellspacing="0" cellpadding="0" style="width:576px; max-width:calc(100% - 44px); border-collapse:separate; border-spacing:0; margin:0 auto 18px; border-radius:24px; border:1px solid rgba(226,139,146,.28); background:rgba(255,246,242,.90); box-shadow:0 12px 28px rgba(175,103,110,.08);">
<tr>
<td width="145" valign="middle" style="width:145px; padding:16px; text-align:center;">
<img src="https://hearts-still-beating.de/images/icon.png" style="width:115px; height:115px; object-fit:cover; border-radius:100px; border:6px solid #fffaf7; box-shadow:0 12px 24px rgba(175,103,110,.16);" alt="">
<br>
<img src="https://hearts-still-beating.de/images/icon.png" style="width:70px; height:78px; object-fit:cover; margin-top:-12px; background:#fff; border:6px solid #ffffff; box-shadow:0 10px 18px rgba(175,103,110,.14); transform:rotate(-6deg);" alt="">
</td>
<td valign="top" style="padding:18px 18px 18px 0;">
<div style="color:#c86b70; font-family:Georgia, 'Times New Roman', serif; font-size:28px; line-height:.95; font-weight:bold; text-transform:uppercase; letter-spacing:1px;">
Titel
</div>
<div style="margin-top:4px; color:#df7f83; font-family:Georgia, 'Times New Roman', serif; font-size:18px; font-style:italic;">
Name der Figur
</div>
<div style="margin:12px 0;">
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Name</span>
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Alter</span>
<span style="display:inline-block; margin:2px; padding:6px 9px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#ffffff; color:#9b8583; font-size:8px; font-weight:bold; letter-spacing:1px; text-transform:uppercase;">Beruf</span>
</div>
<div style="height:125px; overflow:auto; padding-right:8px; color:#55484a; font-family:Georgia, 'Times New Roman', serif; font-size:11.5px; line-height:1.8; text-align:justify;">
<b style="color:#c86b70;">Die gesuchte Person</b>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
Diesen Block kannst du löschen, wenn du nur zwei Personen suchst.
</div>
<div style="margin-top:12px; padding:8px 12px; border-radius:20px; border:1px solid rgba(226,139,146,.22); background:#fffaf7; color:#c86b70; text-align:center; font-size:8px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;">
frei/vergeben | Avatarperson
</div>
</td>
</tr>
</table>
<!-- SCHLUSSWORT -->
<table width="100%" cellspacing="0" cellpadding="0" style="width:100%; border-collapse:separate; border-spacing:0;">
<tr>
<td style="padding:4px 22px 22px;">
<div style="padding:22px; border-radius:24px; border:1px solid rgba(226,139,146,.28); background:rgba(255,250,247,.78); box-shadow:0 12px 28px rgba(175,103,110,.08);">
<div style="margin-bottom:14px; color:#c86b70; font-size:10px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;">
♡ Schlusswort
</div>
<div style="max-height:170px; overflow:auto; padding-right:10px; color:#55484a; font-family:Georgia, 'Times New Roman', serif; font-size:12px; line-height:1.9; text-align:justify;">
<b style="color:#c86b70;">Was du noch wissen solltest:</b>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr. Hier kannst du schreiben, wie oft du postest,
was dir wichtig ist, ob Avatarpersonen verhandelbar sind und welche Ideen du dir für das Gesuch wünschst.
</div>
</div>
</td>
</tr>
</table>
<!-- LINKS -->
<table width="576" align="center" cellspacing="0" cellpadding="0" style="width:576px; max-width:calc(100% - 44px); border-collapse:collapse; margin:0 auto 18px; border-radius:30px; overflow:hidden; border:1px solid rgba(226,139,146,.28); background:#fffaf7;">
<tr>
<td width="50%" style="width:50%; border-right:1px solid rgba(226,139,146,.28);">
<a href="https://hearts-still-beating.de" style="height:38px; display:block; line-height:38px; color:#c86b70; font-size:8px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; text-align:center;">Forum</a>
</td>
<td width="50%" style="width:50%;">
<a href="LINK_ZUM_GESUCH" style="height:38px; display:block; line-height:38px; color:#c86b70; font-size:8px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; text-align:center;">Zum Gesuch</a>
</td>
</tr>
</table>
<div style="padding:0 22px 22px; color:#9b8583; font-size:7px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; text-align:center;">
Miami Crime & City Life | 2026 | Szenentrennung | Whitelist
</div>
</td>
</tr>
</table>
</center>
“
Somewhere between the palm trees and the skyline,
we found our chaos.
