<turbo-stream action="replace" targets=".preview-container"><template><div class="preview-container" data-controller="dom" data-dom-target="node" data-testid="preview-container">
    <div class="repel preview-header">
      <span class="preview-title">Auswahl</span>
      <a class="preview-close-btn" title="Schließen" data-controller="event" data-action="dom#empty event#preventDefault" href="/de/volunteering/projects?mode=map"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
<g id="Group 56">
<path id="Vector 5" d="M16.2805 6.18886C15.0261 7.62831 14.0517 8.43006 13.0951 9.63904C11.9218 11.1219 10.6401 12.5631 9.23327 13.8704C8.32762 14.712 6.71045 16.419 5.71655 17.1891" stroke="var(--brand-primary-color)" stroke-width="1.5" stroke-linecap="round"></path>
<path id="Vector 6" d="M5.36816 6.28174C7.89922 8.71241 9.87635 10.6111 12.4062 13.0406C13.2013 13.8042 14.5685 15.1172 15.3629 15.88C15.7854 16.2859 16.2059 16.6896 16.629 17.096" stroke="var(--brand-primary-color)" stroke-width="1.5" stroke-linecap="round"></path>
</g>
</svg></a>
    </div>
    <div class="slider" data-controller="cycle">
  <button class="icon-button-primary-medium slider__previous" title="Zurück" data-action="cycle#previous"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" aria-hidden="true">
  <path d="M8 11C10.1004 13.1564 10.2556 13.4884 12.4294 15.5717C12.714 15.8444 13.0448 16.3705 13.4094 15.9995C14.2681 15.1257 17.2371 11.9565 18 11" stroke="var(--icon-color)" stroke-width="2" stroke-linecap="round"></path>
</svg></button>
  <button class="icon-button-primary-medium slider__next" title="Weiter" data-action="cycle#next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" aria-hidden="true">
  <path d="M8 11C10.1004 13.1564 10.2556 13.4884 12.4294 15.5717C12.714 15.8444 13.0448 16.3705 13.4094 15.9995C14.2681 15.1257 17.2371 11.9565 18 11" stroke="var(--icon-color)" stroke-width="2" stroke-linecap="round"></path>
</svg></button>
  <div class="project-list-container__slides-wrapper slides">
      <div data-cycle-target="item" data-controller="css" data-css-target-class="hidden-slide" data-action="cycle:active-&gt;css#remove cycle:inactive-&gt;css#add"><div class="preview" data-gmaps-infowindow-target="preview" data-id="4402" data-title="Werde Mentor*in für einen Menschen mit Fluchterfahrung  " data-controller="dom swipe" data-action="click-&gt;dom#setAttribute swipe:up-&gt;dom#setAttribute" data-dom-target="node" data-dom-attribute-param="data-expanded">
  <iframe src="/de/volunteering/projects/4402?inline_view=true" loading="lazy" data-controller="dom" data-action="load-&gt;dom#setAttribute" data-dom-target="node" data-dom-attribute-param="data-loaded" data-dom-value-param="true"></iframe>
  <div class="preview__card-wrapper flow">
    

  <div class="project-card-search skip-hover no-overflow expanded" data-controller="css" data-action="touchstart-&gt;css#add" data-css-target-class="touched">
    <a class="unstyled-link" data-turbo="false" href="/de/volunteering/projects/4402_Buergerhaus-Wilhelsmburg_Werde-Mentor-in-fuer-einen-Menschen-mit-Fluchterfahrung_Hamburg">
      <div class="project-card-search__header">
        <img srcset="https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/4402/w400_Tandem-3_1648189391-552163981151149-0880-7049.JPG 400w, https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/4402/w700_Tandem-3_1648189391-552163981151149-0880-7049.JPG 700w" sizes="(max-resolution: 1dppx) 400px, 350px" loading="lazy" class="project-card-search__header-image" src="https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/4402/Tandem-3_1648189391-552163981151149-0880-7049.JPG" />
      </div>


        <div class="project-card-search__logo-container">
          <div class="project-card-search__logo-blubsch">
            <svg xmlns="http://www.w3.org/2000/svg" id="14b5f729-5bde-4141-9566-cc80150f8a88" data-name="Layer 1" viewBox="0 0 1000 1000">
  <path d="M865.66,753.48c-107,195.27-363,210.26-498.78,175.76-188.6-48-312.79-220.45-314.33-415.3-2-247.5,174.51-389.21,220.52-408.83S568.85-14,773.48,148.59c272.79,216.82,160.15,480.78,92.18,604.89" style="fill: none;stroke-miterlimit: 10;stroke-width: 100px"></path>
</svg>
          </div>
          <div class="project-card-search__logo-wrapper">
            <img class="logo" loading="lazy" src="https://vostel.s3.eu-central-1.amazonaws.com/uploads/organisation/logo/1289/w400_TANDEM_Logo.jpg" />
          </div>
        </div>

      <div class="project-card-search__content">
        <h3 class="project-card-search__title">Werde Mentor*in für einen Menschen mit Fluchterfahrung  </h3>

        <h4 class="component-project__organisation project-card-search__organisation">
          Bürgerhaus Wilhelsmburg 
</h4>
        <div class="project-card-search__attribute project-card-search__attribute--location">
            <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" id="uuid-30a8579f-3712-4786-996a-930f09ff08dc" viewBox="0 0 416.7 537.7">
  <defs>
    <style>.uuid-05a09d13-655e-4d62-86cd-23431c8817c6{fill:var(--icon-color);fill-rule:evenodd;}</style>
  </defs>
  <path class="uuid-05a09d13-655e-4d62-86cd-23431c8817c6" d="M208.8,8.4C96.8,8.4,6,93,6,197.3s67.6,182.4,202.8,338.4c135.2-156,202.8-268.8,202.8-338.4,0-104.3-90.8-188.9-202.8-188.9Zm0,263.7c-46.1,0-83.5-37.6-83.5-83.9s37.4-83.9,83.5-83.9,83.5,37.6,83.5,83.9-37.4,83.9-83.5,83.9Z"></path>
</svg></span>
            Hamburg
        </div>

        <div class="project-card-search__attribute project-card-search__onhover">
          <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 382.58">
  <defs>
    <style>.be22e203-baab-4d51-8668-71a8e8096f4b{fill:var(--icon-color);}</style>
  </defs>
  <g id="f855463e-18ff-4f5d-a7c7-e903a0ebf2af" data-name="front">
    <path class="be22e203-baab-4d51-8668-71a8e8096f4b" d="M88.72,136.64c5.17-1,17.92-14.83,22.26-15.39,9.54-1.21,16.93,2.56,21.1,11.13s2.62,16.85-3.77,23.77C113,172.67,97.87,189.33,82,205.26c-18.23,18.26-34.65,15.92-46.16-7S14,151.83,3.83,128.34c-5.28-12.14-2.32-21.47,6.71-26.3S28.6,99.77,36.86,110c3.34,4.12,4.83,16.15,9,22.4C49.76,124.57,54,111.13,57,105,94,29.82,168.84-9.88,251.28,4.5c48.09,8.38,85.65,35.35,113.45,75.4,7.14,10.28,6.14,23.45-.85,30.06-6.82,6.45-19.87,6-29.86-2.49-6.44-5.45-11.3-12.73-17.09-19C248.55,14.67,131.58,33.78,88.72,136.64Z"></path>
    <path class="be22e203-baab-4d51-8668-71a8e8096f4b" d="M333,273.79c3.71-4.79,5.68-8.81,4.28-8.57-16.49,2.87-38.72,11.43-42.48,1.55-4.44-11.66,1.61-19.4,10.59-25.51,18.62-12.67,36.92-25.89,56.2-37.48,22-13.25,37.68-5.54,41.84,19.31,3.83,23,7.72,45.94,11.11,69,1.63,11-1.88,20.36-13.21,24.3-9.94,3.45-15.23.54-21.19-8.29-2.05-3-1.34-16.64-4.28-21.43-6.49,7.77-17.36,24.27-22.74,30.56-71.48,83.54-195.93,84.32-268.2,1.65-4.07-4.66-8.21-9.48-11.13-14.87-5.23-9.68-3.13-22.77,3.57-27.84,9.47-7.16,22.31-5.68,31.13,3.74,7.42,7.92,14.07,16.7,22.16,23.86C196.24,361.82,288.86,330.79,333,273.79Z"></path>
  </g>
</svg></span>
          regelmäßig
        </div>

        <div class="project-card-search__attribute project-card-search__onhover">
          <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 385.13">
  <defs>
    <style>.fead68cc-8e71-4efd-8628-a4c591239a77{fill:var(--icon-color);}</style>
  </defs>
  <g id="b0a26ec4-25f2-4674-9ec0-ec28648fabd1" data-name="front">
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M400.61,330.59c-8-11.09-24.85-43-24.85-43S389.21,269.06,398,255.9c22.33-33.45,28.43-134.24-26-189.28C293.46-12.85,153.76-20.09,67.33,50.82c-82.12,67.37-87,179.63-9.74,252.73,55.2,52.22,109.07,62.55,183.37,51.6,16.49-2.43,28,.37,44.72,5.92,15.48,5.13,91,25.06,119.75,12.21C424.05,365,407.33,339.85,400.61,330.59Zm-109.42-9.94C280.48,315.05,267,307,256,308.9c-57.14,9.91-114.64,6.67-159.55-30.66C47.73,237.78,35.3,172.85,65.79,123,84.3,92.71,110.87,71.56,144.28,60.5c69.3-23,133.49-13.89,189.33,35.38C376.89,134.05,396.94,203.8,346.42,265c-2.07,2.5-3.93,5.18-8.11,10.73,6.7,22.76,20.6,41.89,33.16,67.6C368.86,344.65,315.85,333.54,291.19,320.65Z"></path>
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M225.88,164.39c-12.95-7-26.49-3.82-33,7.72-7.71,13.72-2.92,33.6,9.88,41s26.07,3.07,33.23-11C244.12,186.27,240.33,172.18,225.88,164.39Z"></path>
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M332.9,174.7c-12.52-8-29.94-4.4-37,7.58-6.63,11.19-1.54,30.62,9.74,37.21s27.5,2.08,35-9.66A25.66,25.66,0,0,0,332.9,174.7Z"></path>
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M112.42,156.64c-12-5-21.59-.4-28,13.64-7,15.29-2.78,29.08,10.75,35.32,12.86,5.94,27.83.28,33.1-12.52C133.8,179.68,126.3,162.45,112.42,156.64Z"></path>
  </g>
</svg></span>
          Fortgeschrittene Deutschkenntnisse
        </div>

        <div class="project-card-search__attribute project-card-search__onhover">
          <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 360.14">
  <defs>
    <style>.b7beefb6-62a5-448b-8928-c5d62e7b2118{fill:var(--icon-color);}</style>
  </defs>
  <g id="b21787d4-a332-4272-8d5d-a757a25db850" data-name="front">
    <path class="b7beefb6-62a5-448b-8928-c5d62e7b2118" d="M411.27,321.08Q406.94,197.93,401.6,74.8c-1-24.34-7.78-30.94-31.79-32.6-18-1.25-36.13-1.83-53.68-2.68-4.14-13.28-5.15-26.83-20.85-28-18.48-1.4-19.59,15.18-25.87,27.4L135.24,34.28C132.05,20,133.78,2.35,113.68,1.61,95.07.93,94.28,17.27,89.27,31.14c-19.79,0-38-.32-56.28.09-19.86.44-27.5,7.72-29.1,27-.59,7.15-.73,14.35-.7,21.53q.56,120.85,1.27,241.71A93.63,93.63,0,0,0,5.6,338.13c2,10.4,8.16,17.23,19,18.71a144.73,144.73,0,0,0,19.07,1.26q165.18.61,330.36,1C405.35,359.16,412.37,352.19,411.27,321.08ZM49.36,77.86H88.94c6.93,12.2,5.84,31.19,26.09,29.79,16.06-1.11,16.33-15,20.23-29l134.49,4.75c4.41,12.43,6.4,25.58,22.21,25.73,15.6.15,17.65-13.47,22.49-25L357.27,87v53.46c-102.36-2.67-204.73-5.94-307.91-12.84Zm.37,233.31V170l312.16,16.58c1.64,41.78,3.26,82.86,4.87,123.6C349.1,315.37,79.17,316.11,49.73,311.17Z"></path>
    <path class="b7beefb6-62a5-448b-8928-c5d62e7b2118" d="M175.7,233.91c-12.61-.95-63.44-3.09-76.09-2.38-13.14.73-20.57,7.86-20.31,18.56.27,11.18,7,18.31,17.42,19.32,26,2.51,52.15,4.48,78.27,5.25,15.65.46,24.62-7.93,24.84-19.74C200.05,243.47,191.23,235.07,175.7,233.91Z"></path>
    <path class="b7beefb6-62a5-448b-8928-c5d62e7b2118" d="M316.91,238.18c-25.3-1.29-50.73-1.45-76-.45-12.61.5-20.23,9.7-20.18,19.53.05,10,7.4,17.4,20.6,18.8,13.39,1.42,26.9,1.6,40.36,2.32,0,.15,0,.31,0,.46q14.26,0,28.54,0a39.62,39.62,0,0,0,4.75-.17c13.9-1.82,21.93-9.46,21.83-20.7C336.68,247.52,329.74,238.83,316.91,238.18Z"></path>
  </g>
</svg></span>
          Individuelle Terminvereinbarung
        </div>
      </div>
</a></div>

    <a class="unstyled-link flow" data-turbo="false" href="/de/volunteering/projects/4402_Buergerhaus-Wilhelsmburg_Werde-Mentor-in-fuer-einen-Menschen-mit-Fluchterfahrung_Hamburg">
      <div class="trix-content"><div>Um sich in einem neuen Land zurechtzufinden, Ressentiments abzubauen und sich persönlich weiterzuentwickeln, ist Austausch das A und O. Ein Tandem besteht aus einem oder einer Mentor*in und einem oder einer Mentee, also einem Menschen mit Fluchterfahrung. Die Mentor*innen kommen aus Hamburg oder wohnen schon länger in Hamburg und unterstützen die Mentees dabei, sich in Hamburg zu orientieren und zurechtzufinden und die deutsche Sprache zu lernen bzw. ihre Sprachkenntnisse zu verbessern und zu üben.<br><br>
</div><div>Unsere Mentor*innen berichten begeistert davon, Freunde und Freundinnen jenseits der üblichen Bubble gefunden zu haben, abstraktes Weltgeschehen auf einmal begreifbar zu finden oder auch einfach eine wirklich gute Zeit mit ihrem Tandem zu haben.<br><br>
</div><div>Wir vom Projekt-Team wählen den oder die Mentee aus und tun alles damit ihr gemeinsam eine wert- und wirkungsvolles Tandembeziehung aufbauen könnt. Wenn es mal nicht funkt, dann steht einem neuen Versuch auch nichts im Weg.<br><br>
</div><div>Von uns, für euch, mit euch - Wer möchte, kann von unseren weiteren Angeboten profitieren:<br><br>
</div><ul>
<li>Workshops und Trainings unseres Netzwerks (MentorRing Hamburg) z.B. zu Antirassismus, Interkulturelle Themen</li>
<li>Treffen mit anderen Mentor*innen und Tandems</li>
<li>Ausflüge</li>
<li>Wöchentliche Sprechstunde</li>
</ul></div>
</a>    <a class="btn btn-primary" data-turbo="false" href="/de/volunteering/projects/4402_Buergerhaus-Wilhelsmburg_Werde-Mentor-in-fuer-einen-Menschen-mit-Fluchterfahrung_Hamburg">Zum Engagement</a>
  </div>
</div></div>
</div></div>

  </div>
</template></turbo-stream>
