<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="4501" data-title="Telefonischer Besuchsdienst für Senioren" 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/4501?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/4501_Buero-fuer-Buergerengagement-der-AWO-Kreisverband-Koeln_Telefonischer-Besuchsdienst-fuer-Senioren_Koeln">
      <div class="project-card-search__header">
        <img srcset="https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/4501/w400_pexels-a-koolshooter-6975181_1648186521-571830064161042-0427-7813.jpg 400w, https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/4501/w700_pexels-a-koolshooter-6975181_1648186521-571830064161042-0427-7813.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/4501/pexels-a-koolshooter-6975181_1648186521-571830064161042-0427-7813.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/276/w400_AWO_Logo_840x360_px_neu_19_3_2014.JPG" />
          </div>
        </div>

      <div class="project-card-search__content">
        <h3 class="project-card-search__title">Telefonischer Besuchsdienst für Senioren</h3>

        <h4 class="component-project__organisation project-card-search__organisation">
          Büro für Bürgerengagement der AWO Kreisverband Köln
</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>
            Köln
        </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>
          Mittlere 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/4501_Buero-fuer-Buergerengagement-der-AWO-Kreisverband-Koeln_Telefonischer-Besuchsdienst-fuer-Senioren_Koeln">
      <div class="trix-content"><p>Immer mehr hochbetagte Menschen bewältigen das Leben allein zu Hause. Das ist gut so, aber viele von ihnen fühlen sich auch einsam. Mit dem Telefonbesuchsdienst engagieren sich Ehrenamtliche am Telefon: sie melden sich, hören zu, fragen nach und bleiben in Kontakt.<br><br>Unsere Ehrenamtlichen, werden in der Gesprächsführung ausgebildet, um regelmäßig zu fest vereinbarten Terminen ältere Personen anzurufen. Hier ist Platz für die Bedürfnisse des Gesprächspartners, die täglichen Freuden und Sorgen, die eigene Lebensgeschichte und das aktuelle Befinden. Alle Gespräche werden absolut vertraulich behandelt und sind für die Senioren*innen kostenlos.</p></div>
</a>    <a class="btn btn-primary" data-turbo="false" href="/de/volunteering/projects/4501_Buero-fuer-Buergerengagement-der-AWO-Kreisverband-Koeln_Telefonischer-Besuchsdienst-fuer-Senioren_Koeln">Zum Engagement</a>
  </div>
</div></div>
</div></div>

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