<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="5700" data-title="Support in the area of member care and provide initial information about support services for rheumatism" 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/5700?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/5700_Deutsche-Rheuma-Liga-Berlin-e-V_Support-in-the-area-of-member-care-and-provide-initial-information-about-support-services-for-rheumatism_Berlin">
      <div class="project-card-search__header">
        <img srcset="https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/5700/w400_Mitgliederbetreuung_Rheuma-Liga_rheumarium_1738857562-813517524142399-0040-3098.jpeg 400w, https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/5700/w700_Mitgliederbetreuung_Rheuma-Liga_rheumarium_1738857562-813517524142399-0040-3098.jpeg 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/5700/Mitgliederbetreuung_Rheuma-Liga_rheumarium_1738857562-813517524142399-0040-3098.jpeg" />
      </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/1588/w400_RLB-LogoRGB300_-_nur_R.jpg" />
          </div>
        </div>

      <div class="project-card-search__content">
        <h3 class="project-card-search__title">Support in the area of member care and provide initial information about support services for rheumatism</h3>

        <h4 class="component-project__organisation project-card-search__organisation">
          Deutsche Rheuma-Liga Berlin 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>
            Bezirk Tempelhof-Schöneberg, Berlin
        </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>
          Advanced 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/5700_Deutsche-Rheuma-Liga-Berlin-e-V_Support-in-the-area-of-member-care-and-provide-initial-information-about-support-services-for-rheumatism_Berlin">
      <div class="trix-content"><div>As the<strong> German Rheumatism League Berlin e.V.</strong>, we are committed to helping people with rheumatic diseases. Rheumatism can actually affect anyone: senior citizens as well as children and (young) adults are affected and suffer from severe joint pain and restricted mobility. As a self-help organization, we offer our support with our wide range of exercise and advice services.<br><br>Our member support service is often the first point of contact for people with rheumatic diseases. Our employees and volunteers refer callers to our social counseling centers or help them find a place on a course.</div></div>
</a>    <a class="btn btn-primary" data-turbo="false" href="/en/volunteering/projects/5700_Deutsche-Rheuma-Liga-Berlin-e-V_Support-in-the-area-of-member-care-and-provide-initial-information-about-support-services-for-rheumatism_Berlin">Get involved</a>
  </div>
</div></div>
</div></div>

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