<![CDATA[Between the Lines - LOST & FOUND]]> https://betweenthelines.mind-the-gap.org/ Mon, 15 Jun 2026 09:31:56 +0000 MyBB <![CDATA[Vorlage]]> https://betweenthelines.mind-the-gap.org/showthread.php?tid=16 Sun, 31 May 2026 10:21:31 +0200 Head Office]]> https://betweenthelines.mind-the-gap.org/showthread.php?tid=16


Der Titel kommt hierhin
ein kleiner untertitel für dein gesuch



suchende
vorname nachname
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
vergeben

25 Jahre
Beruf
Gruppe
Status
Avatarname



25 Jahre
Beruf
Gruppe
Status
Avatarname
gesuchter
vorname nachname
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.


  • wichtiger Punkt eins
  • wichtiger Punkt zwei
  • wichtiger Punkt drei
frei



25 Jahre
Beruf
Gruppe
Status
Avatarname
Partner?
vorname nachname
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor.


  • wichtiger Punkt eins
  • wichtiger Punkt zwei
  • wichtiger Punkt drei
reserviert


information


Willkommen an der North Shore University
Between the Lines ist ein FSK 18 Real Life College RPG rund um die North Shore University an der Westküste von Kanada. 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.
forum gesuch









Code:
<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-family:'UnifrakturCook',serif;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:scale(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">Der Titel kommt hierhin</div>
      <div class="cb2-sub">ein kleiner untertitel für dein gesuch</div>
    </div>

    <div class="cb2-section">

      <!-- KARTE 1: Bild rechts -->
      <div class="cb2-card">
        <div class="cb2-content">
          <div class="cb2-label"><i class="fa-solid fa-magnifying-glass"></i> suchende</div>
          <div class="cb2-name">vorname nachname</div>
          <div class="cb2-text">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
            <br /><br />
            <span class="cb2-bold">Lorem ipsum dolor</span> sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, <span class="cb2-under">quis nostrud</span> exerci tation ullamcorper suscipit.
            <br /><br />
            <span class="cb2-italic">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
          </div>
          <div class="cb2-status"><i class="fa-solid fa-lock"></i> vergeben</div>
        </div>
        <div class="cb2-img">
          <img src="https://betweenthelines.mind-the-gap.org/images/sets/gesuche/spaceholder.png" alt="" />
           <div class="cb2-tags">
            <span>25 Jahre</span>
            <span>Beruf</span>
            <span>Gruppe</span>
            <span>Status</span>
            <span>Avatarname</span>
          </div>
          <div class="cb2-img-icon"><i class="fa-solid fa-cat"></i></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/spaceholder.png" alt="" />
           <div class="cb2-tags">
            <span>25 Jahre</span>
            <span>Beruf</span>
            <span>Gruppe</span>
            <span>Status</span>
            <span>Avatarname</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">vorname nachname</div>
          <div class="cb2-text">
            <span class="cb2-bold">Lorem ipsum dolor</span> sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, <span class="cb2-under">quis nostrud</span> exerci tation ullamcorper suscipit.
            <br /><br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
            <br /><br />
            <ul class="cb2-list">
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt eins</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt zwei</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt drei</li>
            </ul>
          </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/spaceholder.png" alt="" />
          <div class="cb2-tags">
            <span>25 Jahre</span>
            <span>Beruf</span>
            <span>Gruppe</span>
            <span>Status</span>
            <span>Avatarname</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> Partner?</div>
          <div class="cb2-name">vorname nachname</div>
          <div class="cb2-text">
            <span class="cb2-bold">Lorem ipsum dolor</span> sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, <span class="cb2-under">quis nostrud</span> exerci tation ullamcorper suscipit.
            <br /><br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor.
            <br /><br />
            <ul class="cb2-list">
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt eins</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt zwei</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt drei</li>
            </ul>
          </div>
          <div class="cb2-status"><i class="fa-solid fa-clock"></i> reserviert</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="#" 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>
]]>


Der Titel kommt hierhin
ein kleiner untertitel für dein gesuch



suchende
vorname nachname
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
vergeben

25 Jahre
Beruf
Gruppe
Status
Avatarname



25 Jahre
Beruf
Gruppe
Status
Avatarname
gesuchter
vorname nachname
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.


  • wichtiger Punkt eins
  • wichtiger Punkt zwei
  • wichtiger Punkt drei
frei



25 Jahre
Beruf
Gruppe
Status
Avatarname
Partner?
vorname nachname
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor.


  • wichtiger Punkt eins
  • wichtiger Punkt zwei
  • wichtiger Punkt drei
reserviert


information


Willkommen an der North Shore University
Between the Lines ist ein FSK 18 Real Life College RPG rund um die North Shore University an der Westküste von Kanada. 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.
forum gesuch









Code:
<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-family:'UnifrakturCook',serif;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:scale(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">Der Titel kommt hierhin</div>
      <div class="cb2-sub">ein kleiner untertitel für dein gesuch</div>
    </div>

    <div class="cb2-section">

      <!-- KARTE 1: Bild rechts -->
      <div class="cb2-card">
        <div class="cb2-content">
          <div class="cb2-label"><i class="fa-solid fa-magnifying-glass"></i> suchende</div>
          <div class="cb2-name">vorname nachname</div>
          <div class="cb2-text">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
            <br /><br />
            <span class="cb2-bold">Lorem ipsum dolor</span> sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, <span class="cb2-under">quis nostrud</span> exerci tation ullamcorper suscipit.
            <br /><br />
            <span class="cb2-italic">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
          </div>
          <div class="cb2-status"><i class="fa-solid fa-lock"></i> vergeben</div>
        </div>
        <div class="cb2-img">
          <img src="https://betweenthelines.mind-the-gap.org/images/sets/gesuche/spaceholder.png" alt="" />
           <div class="cb2-tags">
            <span>25 Jahre</span>
            <span>Beruf</span>
            <span>Gruppe</span>
            <span>Status</span>
            <span>Avatarname</span>
          </div>
          <div class="cb2-img-icon"><i class="fa-solid fa-cat"></i></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/spaceholder.png" alt="" />
           <div class="cb2-tags">
            <span>25 Jahre</span>
            <span>Beruf</span>
            <span>Gruppe</span>
            <span>Status</span>
            <span>Avatarname</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">vorname nachname</div>
          <div class="cb2-text">
            <span class="cb2-bold">Lorem ipsum dolor</span> sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, <span class="cb2-under">quis nostrud</span> exerci tation ullamcorper suscipit.
            <br /><br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
            <br /><br />
            <ul class="cb2-list">
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt eins</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt zwei</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt drei</li>
            </ul>
          </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/spaceholder.png" alt="" />
          <div class="cb2-tags">
            <span>25 Jahre</span>
            <span>Beruf</span>
            <span>Gruppe</span>
            <span>Status</span>
            <span>Avatarname</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> Partner?</div>
          <div class="cb2-name">vorname nachname</div>
          <div class="cb2-text">
            <span class="cb2-bold">Lorem ipsum dolor</span> sit amet, consectetur adipiscing elit. Ut wisi enim ad minim veniam, <span class="cb2-under">quis nostrud</span> exerci tation ullamcorper suscipit.
            <br /><br />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis autem vel eum iriure dolor.
            <br /><br />
            <ul class="cb2-list">
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt eins</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt zwei</li>
              <li><i class="fa-solid fa-angle-right"></i> wichtiger Punkt drei</li>
            </ul>
          </div>
          <div class="cb2-status"><i class="fa-solid fa-clock"></i> reserviert</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="#" 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>
]]>