GIRLS JUST WANNA HAVE FUN

<link href="https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&family=Libre+Baskerville:wght@400;700&family=Montserrat:wght@500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<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{transformcale(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">GIRLS JUST WANNA HAVE FUN</div>
<div class="cb2-sub">Three roommates. One apartment. Endless 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/ava.png" alt="" />
<div class="cb2-tags">
<span>20 Jahre</span>
<span>Studentin</span>
<span>Psychologie</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">Ava Collins</div>
<div class="cb2-text">
Ava lebt mit ihren beiden besten Freundinnen zusammen und kennt mehr Campus-Gerüchte, als ihr eigentlich lieb ist. Sie hat immer ein offenes Ohr für die Probleme anderer, bekommt ihr eigenes Leben aber erstaunlich selten auf die Reihe. Irgendwie landet sie ständig mitten im Drama ihrer Freunde, obwohl sie sich fest vorgenommen hat, genau das zu vermeiden. Mit ihrer freundlichen Art schafft sie es jedoch immer wieder, die drei zusammenzuhalten, wenn das Chaos einmal Überhand nimmt.
</div>
<div class="cb2-status"><i class="fa-solid fa-unlock"></i> frei</div>
</div>
</div>


<!-- KARTE 2: Bild links -->
<div class="cb2-card reverse">
<div class="cb2-img">
<img src="https://betweenthelines.mind-the-gap.org/images/sets/gesuche/maddie.png" alt="" />
<div class="cb2-tags">
<span>20 Jahre</span>
<span>Studentin</span>
<span>Kommunikationswissenschaften</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">Madison "Maddie" Blake</div>
<div class="cb2-text">
Maddie kennt jeden Spieler der Wolves beim Namen, besitzt mehr Trikots als normale Kleidung und sitzt bei jedem Heimspiel in der ersten Reihe. Viele halten sie für das typische Puck Bunny, doch tatsächlich versteht sie mehr von Hockey als die meisten Fans auf dem Campus. Sie liebt Klatsch, Partys und Aufmerksamkeit, hat aber ein großes Herz für die Menschen, die ihr wichtig sind. Wenn irgendwo etwas Spannendes passiert, weiß Maddie meistens schon davon, bevor es überhaupt passiert ist.
</div>
<div class="cb2-status"><i class="fa-solid fa-unlock"></i> frei</div>
</div>
</div>

<!-- KARTE 3: Bild links -->
<div class="cb2-card reverse">
<div class="cb2-img">
<img src="https://betweenthelines.mind-the-gap.org/images/sets/gesuche/harper.png" alt="" />
<div class="cb2-tags">
<span>21 Jahre</span>
<span>Studentin</span>
<span>Marketing</span>
<span>frei wählbar</span>
</div>
<div class="cb2-img-icon"><i class="fa-solid fa-masks-theater"></i></div>
</div>
<div class="cb2-content">
<div class="cb2-label"><i class="fa-solid fa-crosshairs"></i> Gesuchte</div>
<div class="cb2-name">Harper Monroe</div>
<div class="cb2-text">
Harper wirkt, als hätte sie ihr Leben perfekt im Griff. Gute Noten, ein voller Terminkalender und ein soziales Netzwerk, von dem andere nur träumen können. Sie ist schlagfertig, ehrgeizig und selten um eine Antwort verlegen. Gleichzeitig fällt es ihr schwer, Kontrolle abzugeben oder Schwäche zu zeigen. Zwischen Campusveranstaltungen, Gruppenprojekten und dem täglichen Wahnsinn ihrer Mitbewohnerinnen versucht sie verzweifelt, den Überblick zu behalten – meist ohne Erfolg.
</div>
<div class="cb2-status"><i class="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=20" class="cb2-link">gesuch</a>
</div>
</div>

</div>

<div class="cb2-footer">
<a href="https://storming-gates.de/member.php?action=profile&amp;uid=3397" class="cb2-credit">
<i class="fa-solid fa-crow"></i>
</a>
</div>

</div>
</div>
</center>