<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">COACH'S DAUGHTER</div>
<div class="cb2-sub">The only rule everyone knows is the one she's determined to break.</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/emma.png" alt="" />
<div class="cb2-tags">
<span>20 Jahre</span>
<span>Studentin</span>
<span>Biologie</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> gesuchte</div>
<div class="cb2-name">Emma Hall</div>
<div class="cb2-text">
Als Tochter des Trainers ist Emma praktisch zwischen Hockeytaschen und Kabinen aufgewachsen. Sie kennt die Wolves länger, als manche Spieler überhaupt Teil des Teams sind, und weiß genau, wie wenig von ihrem Campus-Image der Wahrheit entspricht. Für die Mannschaft ist sie allerdings ein absolutes Tabu – eine Regel, die ihr Vater nie offiziell ausgesprochen hat und die trotzdem jeder kennt.
Dumm nur, dass Emma einen Heidenspaß daran hat, genau diese Grenze auszutesten. Sie flirtet hemmungslos, genießt die panischen Blicke der Spieler und lässt keine Gelegenheit aus, die Selbstbeherrschung anderer auf die Probe zu stellen. Hinter ihrer frechen Art steckt jedoch jemand, der loyal bis ins Mark ist und für die Menschen, die sie liebt, jederzeit Partei ergreift.
</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 University</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=41" 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>

