<style>.cb2-wrap{width:560px;margin:20px auto;padding:18px;background:#dedad0;color:#7c858c;font-family:'Libre Baskerville',serif;font-size:11px;line-height:1.6;border-radius:16px} .cb2-inner{background:#f0ece4;border-radius:14px;overflow:hidden} .cb2-head{padding:34px 28px 22px;text-align:left;background:linear-gradient(140deg,#d0ccc4,#c4c0b8,#c4a898);color:#2f3438} .cb2-title{margin:0;font-size:48px;font-weight:700;letter-spacing:1px;line-height:.9;color:#2a2e31} .cb2-sub{margin-top:10px;letter-spacing:3px;font-size:8px;text-transform:uppercase;color:#b86c4a;font-family:'Montserrat',sans-serif} .cb2-section{padding:18px} .cb2-card{background:#e8e4db;margin-bottom:18px;display:grid;grid-template-columns:1fr 165px;gap:0;border-radius:14px;overflow:hidden;border:1px solid rgba(58,64,69,0.1)} .cb2-card.reverse{grid-template-columns:165px 1fr} .cb2-card.reverse .cb2-img{order:1} .cb2-card.reverse .cb2-content{order:2} .cb2-img{position:relative;background:#ccc8bf;min-height:230px;overflow:hidden} .cb2-img img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover;filter:grayscale(60%) sepia(20%) hue-rotate(345deg) saturate(90%) brightness(.88) contrast(1.08);transition:.5s ease} .cb2-tags{position:absolute;inset:0;background:rgba(230,226,217,.92);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:.45s ease;z-index:3} .cb2-card:hover .cb2-tags{opacity:1}.cb2-card:hover .cb2-img img{transform
cale(1.05)} .cb2-tags span{background:rgba(142,164,181,.15);color:#b86c4a;padding:6px 12px;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-radius:20px;font-family:'Montserrat',sans-serif;transform:translateY(10px);opacity:0;transition:.4s ease;border:1px solid rgba(184,108,74,.2)} .cb2-card:hover .cb2-tags span{transform:translateY(0);opacity:1} .cb2-card:hover .cb2-tags span:nth-child(1){transition-delay:.05s} .cb2-card:hover .cb2-tags span:nth-child(2){transition-delay:.1s} .cb2-card:hover .cb2-tags span:nth-child(3){transition-delay:.15s} .cb2-card:hover .cb2-tags span:nth-child(4){transition-delay:.2s} .cb2-card:hover .cb2-tags span:nth-child(5){transition-delay:.25s} .cb2-img-icon{position:absolute;left:18px;bottom:18px;width:34px;height:34px;background:rgba(240,236,228,.88);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b86c4a;font-size:14px;z-index:5} .cb2-content{padding:20px} .cb2-label{text-transform:uppercase;letter-spacing:2px;font-size:8px;color:#b86c4a;margin-bottom:8px;font-family:'Montserrat',sans-serif} .cb2-name{font-family:'UnifrakturCook',serif;font-size:34px;line-height:.9;color:#2a2e31;margin-bottom:12px;border-bottom:1px solid rgba(184,108,74,.4);padding-bottom:5px} .cb2-text{text-align:justify;max-height:130px;overflow-y:auto;padding-right:6px;font-family:'Montserrat',sans-serif;color:#555b60} .cb2-text::-webkit-scrollbar{width:4px} .cb2-text::-webkit-scrollbar-thumb{background:#8ea4b5;border-radius:10px} .cb2-text::-webkit-scrollbar-track{background:#d8d4cc} .cb2-status{margin-top:14px;background:#dedad0;color:#2a2e31;text-align:right;padding:8px 10px;font-family:'Montserrat',sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:2px;border-radius:20px;border:1px solid rgba(58,64,69,0.1)} .cb2-status i{color:#b86c4a;margin-right:6px} .cb2-info{background:#e8e4db;padding:22px;border-radius:14px;font-family:'Montserrat',sans-serif;border:1px solid rgba(58,64,69,0.1)}.cb2-info h2{margin:0 0 12px;text-align:left;font-family:'UnifrakturCook',serif;font-size:36px;color:#2a2e31;border-bottom:1px solid rgba(184,108,74,.4)} .cb2-info h2 i{color:#b86c4a;margin-right:8px;font-size:15px} .cb2-links{margin-top:18px;background:#dedad0;padding:10px;text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:1px;border-radius:20px;font-family:'Montserrat',sans-serif;border:1px solid rgba(58,64,69,0.1)} .cb2-links a{color:#6f8798;text-decoration:none} .cb2-links i{margin:0 10px;color:#b86c4a} .cb2-footer{background:#dedad0;padding:13px;text-align:right;color:#b86c4a;font-size:13px;letter-spacing:12px;border-top:1px solid rgba(58,64,69,0.08)} .cb2-bold{font-weight:700!important;color:#2a2e31!important;background:rgba(184,108,74,.1);padding:2px 7px;border-radius:20px;text-transform:uppercase;font-size:10px;letter-spacing:1px} .cb2-italic{font-style:italic!important;color:#6f8798!important;padding-left:7px;opacity:.9} .cb2-under{text-decoration:none!important;color:#555b60!important;background:linear-gradient(transparent 60%,rgba(184,108,74,.2) 40%);padding-bottom:1px} .cb2-list{margin:10px 0 0;padding:0;list-style:none} .cb2-list li{position:relative;padding-left:24px;margin-bottom:7px;line-height:1.5;color:#555b60} .cb2-list li i{position:absolute;left:0;top:2px;color:#b86c4a;font-size:12px} .cb2-link{color:#6f8798!important;text-decoration:none!important;font-size:9px;text-transform:uppercase;letter-spacing:2px;position:relative;transition:.3s ease;padding-bottom:2px} .cb2-link:hover{color:#2a2e31!important;letter-spacing:3px} .cb2-credit{position:relative;color:#b86c4a!important;text-decoration:none!important} .cb2-credit::after{content:"© Nia";position:absolute;right:0;bottom:24px;background:#e8e4db;color:#2a2e31;padding:6px 10px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:8px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(6px);transition:.3s ease} .cb2-credit:hover::after{opacity:1;transform:translateY(0)} .cb2-card .cb2-img{border-radius:0 18px 18px 0!important;overflow:hidden!important} .cb2-card.reverse .cb2-img{border-radius:18px 0 0 18px!important;overflow:hidden!important} .cb2-card .cb2-img img,.cb2-card .cb2-tags{border-radius:inherit!important}</style><div class="cb2-wrap">
<div class="cb2-inner">
<div class="cb2-head">
<div class="cb2-title">THE PERFECT DAUGHTER</div>
<div class="cb2-sub">The life she wants was never part of the plan.</div>
</div>
<div class="cb2-section">
<!-- KARTE 2: Bild links -->
<div class="cb2-card reverse">
<div class="cb2-img">
<img src="https://betweenthelines.mind-the-gap.org/images/sets/gesuche/char.png" alt="" />
<div class="cb2-tags">
<span>20 Jahre</span>
<span>Studentin</span>
<span>Politikwissenschaft</span>
<span>frei wählbar</span>
</div>
<div class="cb2-img-icon"><i class="fa-solid fa-ghost"></i></div>
</div>
<div class="cb2-content">
<div class="cb2-label"><i class="fa-solid fa-crosshairs"></i> gesuchter</div>
<div class="cb2-name">Charlotte Sinclair</div>
<div class="cb2-text">
Charlotte stammt aus einer Familie, deren Name auf dem Campus mehr Türen öffnet, als ihr lieb ist. Seit ihrer Kindheit wird von ihr erwartet, die Bestenlisten anzuführen, die richtigen Kontakte zu knüpfen und niemals einen Fehler zu machen. Sie erfüllt diese Erwartungen mit beeindruckender Konsequenz. Gute Noten, ein makelloser Lebenslauf und ein Auftreten, das stets kontrolliert wirkt.
Hinter der perfekten Fassade sieht es jedoch anders aus. Charlotte ist müde davon, ständig die vernünftige Tochter, die Vorzeigestudentin und die zukünftige Politikerin spielen zu müssen. Manchmal würde sie gern einfach spontan sein, dumme Entscheidungen treffen und herausfinden, wer sie eigentlich ohne all die Erwartungen ist. Nur leider fällt es ihr schwer, die Kontrolle loszulassen.
</div>
<div class="cb2-status"><i class="fa-solid fa-unlock"></i> frei</div>
</div>
</div>
<!-- INFOBLOCK -->
<div class="cb2-info">
<h2><i class="fa-solid fa-scroll"></i> information</h2>
<span class="cb2-bold">Willkommen an der North Shore Univertyr</span>
Between the Lines ist ein <span class="cb2-under">FSK 18 Real Life College RPG</span> rund um die North Shore University an der<span class="cb2-under"> Westküste von Kanada</span>. Zwischen Vorlesungen, Eishockeyspielen, Partynächten und persönlichen Abstürzen treffen hier völlig unterschiedliche Menschen aufeinander — Stipendiaten, Nachwuchsathleten, Kinder reicher Familien oder jene, die eigentlich nie vorhatten zu studieren. An der North Shore University entscheidet nicht nur, wer du bist. Sondern auch, wer du vorgibst zu sein.
<div class="cb2-links">
<a href="https://betweenthelines.mind-the-gap.org" class="cb2-link">forum</a><i class="fa-solid fa-diamond"></i> <a href="#" class="cb2-link">gesuch</a>
</div>
</div>
</div>
<div class="cb2-footer">
<a href="https://storming-gates.de/member.php?action=profile&uid=3397" class="cb2-credit">
<i class="fa-solid fa-crow"></i>
</a>
</div>
</div>
</div>
</center>

