<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">Selection</span>
      <a class="preview-close-btn" title="Close" data-controller="event" data-action="dom#empty event#preventDefault" href="/en/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="Back" 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="Next" 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="7734" data-title="Volunteering for more togetherness and diversity in Jena" 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="/en/volunteering/projects/7734?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="/en/volunteering/projects/7734_Start-with-a-Friend-e-V_Volunteering-for-more-togetherness-and-diversity-in-Jena_Jena">
      <div class="project-card-search__header">
        <img srcset="https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/7734/w400_IMG_0298__1__1689927169-670020024359480-0039-6745.jpg 400w, https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/7734/w700_IMG_0298__1__1689927169-670020024359480-0039-6745.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/7734/IMG_0298__1__1689927169-670020024359480-0039-6745.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/117/w400_SWAF_Logo_rot_frei.png" />
          </div>
        </div>

      <div class="project-card-search__content">
        <h3 class="project-card-search__title">Volunteering for more togetherness and diversity in Jena</h3>

        <h4 class="component-project__organisation project-card-search__organisation">
          Start with a Friend e.V.
</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>
            Jena
        </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>
          regularly
        </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>
          Basic German skills
        </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>
          Arrange individual meeting
        </div>
      </div>
</a></div>

    <a class="unstyled-link flow" data-turbo="false" href="/en/volunteering/projects/7734_Start-with-a-Friend-e-V_Volunteering-for-more-togetherness-and-diversity-in-Jena_Jena">
      <div class="trix-content"><div>Would you like to work for a society that doesn't exclude anyone? Would you like to bring people into contact with each other and get involved in promoting more togetherness and participation? Do you enjoy meeting new people and exchanging ideas? Then you've come to the right place!<br><br>
</div><div>Start with a Friend brings people with and without immigration experience together. It is particularly important to us that we create equal encounters so that friendships can develop.</div></div>
</a>    <a class="btn btn-primary" data-turbo="false" href="/en/volunteering/projects/7734_Start-with-a-Friend-e-V_Volunteering-for-more-togetherness-and-diversity-in-Jena_Jena">Get involved</a>
  </div>
</div></div>
</div></div>

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