<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">ONE MORE DRINK</div>
<div class="cb2-sub">Some legends begin with bad decisions.</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/jaxon.png" alt="" />
<div class="cb2-tags">
<span>22 Jahre</span>
<span>Student</span>
<span>Betriebswirtschaft</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">Jaxon Reed</div>
<div class="cb2-text">
Wenn irgendwo eine Party stattfindet, stehen die Chancen gut, dass Jaxon etwas damit zu tun hat. Er kennt jeden, wird von jedem gekannt und scheint ständig neue Leute um sich zu versammeln. Mit einem breiten Grinsen, einer spontanen Idee und erstaunlich wenig Selbstschutz stolpert er von einer Geschichte in die nächste. Sein größtes Talent besteht allerdings darin, andere mitzureißen. Die besten Freundschaften, die wildesten Nächte und die absurdesten Entscheidungen beginnen oft mit einem einfachen: „Vertrau mir, das wird lustig.“
Hinter seiner lockeren Art steckt jedoch jemand, der sich verantwortlich fühlt, sobald es ernst wird. Jaxon ist loyal bis zum Schluss und würde für seine Freunde alles stehen und liegen lassen – selbst wenn er sie wenige Stunden zuvor noch zu einer vollkommen bescheuerten Idee überredet hat.
</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="https://betweenthelines.mind-the-gap.org/showthread.php?tid=40" 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>


